🔸احتمالاً توی پروژتون نیاز به این داشتید که اعداد انگلیسی رو تبدیل به اعداد فارسی کنید.

🔹با تکه کد زیر می‌تونید این کار رو توی جاوااسکریپت انجام بدید.

const numberFormatter = new Intl.NumberFormat('fa');

console.log(numberFormatter.format('9'));

🔸فقط دقت کنید که خروجی‌ای که بهتون برمی‌گردونه string هست و نمی‌تونید اون رو هم تبدیل به عدد بکنید.

#Tips #javanoscript

#Ah_sear

Channel @Cafe_Of_Code

Group @IRdeveloperchat

برنامه نویسی چیست؟
✨ اگر کامپیوتر رو یه موجود زنده در نظر بگیریم برای ارتباط با اون تو باید یک سری ورودی رو بهش بدی و در آخر یک سری خروجی دریافت کنی، یعنی درست همونطور که با یه آدم صحبت می‌کنی .
😍اون آدم ورودی یا صحبت‌های شما رو به مغزش که همون مموری و cpu کامپیوتره وارد، اونارو پردازش و در آخر در قالب خروجی یا جواب صحبت هات بهت تحویل میده.

💯 در تمام دستگاه هایی که کامپیوتر رو در خودشون دارن مثل موبایل ، کنسول‌های بازی ، ماشین لباسشویی و ... دقیقا همین اتفاق می‌افته اما این پردازش یا دریافت و ارسال ورودی و خروجی توی کامپیوتر چطور انجام میشه؟
💥 در واقع همه این عملیات با برنامه نویسی برای کامپیوتر تعریف شدن.

حالا سوال اینه که کامپیوتر که فقط زبان ماشین یا 0 و 1 رو می‌فهمه چطور از این زبان‌های برنامه نویسی و دستورات اونا سر در میاره و اونا رو اجرا می‌کنه؟
جواب کامپایلره ! زبان‌های برنامه نویسی در نهایت توسط برنامه ای به اسم کامپایلر به زبان ماشین ترجمه میشن و تمام !

#programming

Channel ° @Cafe_Of_Code

Group° @IRdeveloperchat

✨ پردرآمدترین شغل‌ها در بازار کار برنامه نویسی🔥
همواره در انتخاب یک شغل ، درآمد آن از مهم‌ترین پارامترهایی است که باید در نظر گرفته شود .

🐬 برای مشاهده‌ جزئیات درآمد برنامه ‌نویسی در ایران در جدول بالا , متوسط درآمد برنامه نویسی در ایران برای برخی از مشاغل پردرآمد در این حوزه آورده شده است ؛
منبع : جلب ویژن

⁉️موافقید با این جدول؟¿؟

#programming

Channel ° @Cafe_Of_Code

Group° @IRdeveloperchat

شی گرایی چیست؟ در جاوااسکریپت


شی گرایی (Object-oriented programming) یک روش برنامه نویسی است که بتوانید برنامه‌های خود را با ایجاد شی‌ها (objects) که دارای ویژگی‌ها (properties) و رفتارها (methods) مشخص هستند، طراحی و پیاده‌سازی کنید. در JavaScript، شی گرایی یک روش کاربردی برای ساختاردهی کد و استفاده از ویژگی‌ها و توابع در یک محیط برنامه نویسی است.

در JavaScript، شی گرایی مبتنی بر مفهوم اشیاء که شامل ویژگی‌ها (مانند متغیرها) و روش‌ها (متدها یا توابع) می‌شوند، است. کلاس‌ها به عنوان الگوهای اصلی برای ایجاد شی‌ها در JavaScript استفاده می‌شوند. همچنین، مفهوم ارث‌بری (inheritance)، چندپایه‌ایت (polymorphism) و تجزیه و تحلیل (encapsulation) نیز در شی گرایی JavaScript وارد می‌شود.

به عنوان مثال، می‌توان یک کلاس به نام "Person" ایجاد کرد که شامل ویژگی‌هایی مانند نام و سن باشد و همچنین دارای متدهایی برای تغییر و بازگرداندن این ویژگی‌ها باشد. سپس می‌توانیم اشیاء (instances) مختلفی از این کلاس ایجاد کنیم، مانند "person1" و "person2"، که هر کدام دارای ویژگی‌ها و روش‌های مشخص خود هستند.

در مجموع، با استفاده از شی گرایی در JavaScript، می‌توانید کدتان را به قطعات کوچک‌تر تقسیم کنید، از کد تکراری جلوگیری کنید، قابلیت خوانایی و نگهداری بدتر کنید و برنامه‌های خود را بهبود بخشید.

#oop #JavaScript


Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

✨ساختار المان های اچ تی ام ال✨

⚡️ در تصویر بالا می‌توانید نمونه‌ای از ساختار کلی یک المان اچ‌تی‌ام‌ال را مشاهده کنید.

ساختار المان ها و تگ های شروع و پایان در HTML 👨‍💻

💥 نکته‌ای در مورد بزرگی و کوچکی حروف در HTML
بهتر است بدانید HTML نسبت به بزرگی و کوچکی حروف حساس نیست.

بنابراین تگ‌های <P> و <p> یا <IMG> و <img> با یکدیگر تفاوتی ندارد. با این حال به شدت توصیه می‌کنیم همیشه از حروف کوچک در نام تگ‌های HTML و … استفاده کنید

#Web #Html

Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

⚡️حرکت به بالای صفحه به نرمی با JavaScript

#javanoscript #smooth

#Ah_sear

Channel ° @Cafe_Of_Code
Group ° @IRdeveloperchat

فدای چشات این زندگی بدون تو نداره نشاط!

- پوتک

#text


Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

🔆 گاهی‌ اوقات بهتره روز تعطیل رو در رختخواب خوابید تا اینکه تمام هفتهٔ بعد رو مجبور به دیباگ کردن کدهای آن روز تعطیل کرد.

⁉️موافقید؟

#programming

Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

⚡️CHALLENGE⚡️

function* gen() {
  yield 1;
  yield 2;
  yield 3;
}

async function asyncFunc() {
  for (let value of gen()) {
    await new Promise(res => setTimeout(res, 100));
    console.log(value);
  }
  return 'done';
}

const result = asyncFunc();
console.log(result instanceof Promise);

#javanoscript #CHALLENGE

#Ah_sear
Channel ° @Cafe_Of_Code
Group ° @IRdeveloperchat

✨ تبدیل دیکشنری به XML با پایتون🔥

💥 اگر می‌خواهید یک ساختار دیکشنری را به صورت XML در بیاورید ، به صورت زیر عمل کنید :)

from xml.etree.ElementTree import Element
def dict_to_xml(tag, d):
    '''
    Turn a simple dict of key/value pairs into XML
    '''
    elem = Element(tag)
    for key, val in d.items():
        child = Element(key)
        child.text = str(val)
        elem.append(child)
    return elem

#programming #python

Channel ° @Cafe_Of_Code

Group ° @IRdeveloperchat

چطور یک متن به گفتار با JavaScript بنویسم؟

⚡️توی این پست می‌خوام میگم

<!DOCTYPE html>
<html>
<head>
  <noscript>Text to Speech</noscript>
</head>
<body>
  <h1>Text to Speech Converter</h1>
  <textarea id="text-to-convert" rows="4" cols="50"></textarea>
  <button onclick="convertTextToSpeech()">Convert to Speech</button>
  
  <noscript>
    function convertTextToSpeech() {
      const text = document.getElementById('text-to-convert').value;
      const speech = new SpeechSynthesisUtterance();
      speech.text = text;
      speech.volume = 1;
      speech.rate = 1;
      speech.pitch = 1;
      
      window.speechSynthesis.speak(speech);
    }
  </noscript>
</body>
</html>

🥇قسمت اول کد Html یک textarea می‌سازیم که کاربر متن خود را بنویسه.

🥈 یک باتن ساختیم که onclick اش رو مساوی به فانکشن convertTextToSpeech دادیم که توی جاوااسکریپت تعریف کردیم

🥉کد جاوااسکریپت اول یک تابع تعریف کردیم بعد اومدیم با getElementById آیدی textarea رو گرفتیم
بعد یک متغیر تعریف کردیم
و در آخر هم

window.speechSynthesis.speak(speech);

با استفاده از window اومدیم متن مون رو تبدیل به صدا کردیم

‼️ توجه داشته باشید اگه که با موبایل اجرا میکنید حتما یا مرورگر باز کنید با کامپایلر موبایل کار نمی‌ده

#javanoscript #html #Convert #speech

Channel ° @Cafe_Of_Code
Group ° @IRdeveloperchat

GoodNight✨️

#Music


Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

✨ امروز 21 June، روز جهانی انسانیته ، چیزی که این روزا کمتر پیدا میشه .

🏅 اولین شخصی که در تاریخ به عنوان کدنویس شناخته شده است، زنی به نام آدا لاولیس بود😍👩‍💻

او در سال 1815 به دنیا آمد .
عده‌ای اعتقاد دارند که وی اولین فردی است که برای ماشین یک الگوریتم نوشته است.

#programming #fact

Channel ° @Cafe_Of_Code

Group ° @IRdeveloperchat

داشتم توی ریپو های اپن سورس گوگل میگشتم که رسیدم به پروژه Mesop با شعار به سرعت برنامه های وب جذاب با پایتون بسازید

باهاش میتونید با استفاده از پایتون و کمترین میزان کد نویسی وپ اب بسازید و برای اپ های internal و دمو خیلی باحاله.

ویژگی هاش:

✨ پشتیبانی از Hot reload
✨ بدون نیاز به Javanoscript/CSS/HTML میتونید ui های کاستوم بسازید
✨ یادگیری آسون
✨ کامپوننت های آماده
و ..

دموها:
🔗 https://google.github.io/mesop/demo/

وبسایت:
🔗 https://google.github.io/mesop/

گیت هاب:
🔗 https://github.com/google/mesop

#python #programming

Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

🔥جلسه چهارم Pygame 🔥

ما توی جلسه قبلی فهمیدیم که چگونه با pygame عکس مون رو نمایش بدیم

برای مشاهده پست کلید کنید

⚡️خب توی این پست می‌خوام که بهتون بگم چگونه میتونیم چند تا دایره شناور با pygame بسازیم

import pygame
import random

# تعریف رنگ‌ها
BLACK = (0, 0, 0)
WHITE = (255, 255, 255)

# تنظیمات پنجره
SCREEN_WIDTH = 800
SCREEN_HEIGHT = 600

# تعداد دایره‌ها
NUM_CIRCLES = 10

# ایجاد صفحه
pygame.init()
screen = pygame.display.set_mode((SCREEN_WIDTH, SCREEN_HEIGHT))
pygame.display.set_caption('Drawing Circles with Pygame')

clock = pygame.time.Clock()

# تعریف تابع برای رسم دایره
def draw_circle(surface, color, pos, radius):
    pygame.draw.circle(surface, color, pos, radius)

# حلقه اصلی برنامه
running = True
circle_info = []

for _ in range(NUM_CIRCLES):
    circle_color = (random.randint(0, 255), random.randint(0, 255), random.randint(0, 255))
    circle_pos = (random.randint(0, SCREEN_WIDTH), random.randint(0, SCREEN_HEIGHT))
    circle_radius = random.randint(10, 50)
    circle_speed = [random.uniform(-1, 1), random.uniform(-1, 1)]
    circle_info.append({"color": circle_color, "pos": circle_pos, "radius": circle_radius, "speed": circle_speed})

while running:
    for event in pygame.event.get():
        if event.type == pygame.QUIT:
            running = False

    screen.fill(WHITE)

    # رسم دایره‌ها و حرکت آنها
    for circle in circle_info:
        draw_circle(screen, circle["color"], circle["pos"], circle["radius"])

        circle["pos"] = (circle["pos"][0] + circle["speed"][0], circle["pos"][1] + circle["speed"][1])

        if circle["pos"][0] > SCREEN_WIDTH or circle["pos"][0] < 0:
            circle["speed"][0] *= -1
        if circle["pos"][1] > SCREEN_HEIGHT or circle["pos"][1] < 0:
            circle["speed"][1] *= -1

    pygame.display.flip()
    clock.tick(60)

pygame.quit()

1⃣طبق همیشه اول میایم کتابخانه رو امپورت میکنیم
بعد میایم رنگ ها رو تعریف میکنم.

NUM_CIRCLES = 10

به این بخش میایم تعداد دایره ها مونو مینویسیم من 10 تا دایره را تعیین کردم

2⃣و بعد میایم میایم یک تابع تعریف میکنیم

def draw_circle(surface, color, pos, radius):
    pygame.draw.circle(surface, color, pos, radius)

که چهار قیمت داره این تابع برای رسم دایره ها بکار می‌ره

بعد میایم دایره ها رو رسم میکنیم به هر کدوم یک قیمت یک اندازه یک حالت و یک رنگ رو می‌دیم
بعد دایره ها رو به حالت شناور تغییر می‌دیم

for circle in circle_info:
        draw_circle(screen, circle["color"], circle["pos"], circle["radius"])

        circle["pos"] = (circle["pos"][0] + circle["speed"][0], circle["pos"][1] + circle["speed"][1])

        if circle["pos"][0] > SCREEN_WIDTH or circle["pos"][0] < 0:
            circle["speed"][0] *= -1
        if circle["pos"][1] > SCREEN_HEIGHT or circle["pos"][1] < 0:
            circle["speed"][1] *= -1

    pygame.display.flip()
    clock.tick(60)

این بود از این جلسه

راستی بعد از هر بار اجرا رنگ و اندازه دایره ها تغییر می‌کنه

اگه مشکلی بود تو کامنت ها بپرسید
#پایتون #پایگیم #جلسه_چهارم_پایگیم

#python #pygame #part_4_pygame

#Ah_sear

Channel ° @Cafe_Of_Code
Group ° @IRdeveloperchat

⚡️بچها میخوام توی این پست بهتون بگم که چجوری میتونیم سایت مون رو غیر قابل سلکت کنیم‼
️

body {
    -webkit-user-select: none; 
    -moz-user-select: none;
    -ms-user-select: none; 
    user-select: none; 
}

1⃣خب لاین اول

میاد کاری می‌کنه مرورگر های مثل کروم، سافاری، و اوپرا نتونن متن رو سلکت یا انتخاب کنن.

2⃣لاین دوم

میاد کاری می‌کنه که مرورگر موزیلا فایرفاکس هم نتوته سلکت کنه🚫

3⃣لاین سوم

میاد کاری می‌کنه که مرورگر های استاندارد هم نتونن سلک کنن

کلا غیر قابل سلکت میشه سایت تون حالا چرا اینکار رو بکنیم⁉️

هیچی مگه مرض داریم😂

#Html #css #web #code #Fun


Channel ° @Cafe_Of_Code
Group ° @IRdeveloperchat