NEW BOT Телеграм, страница

کافه برنامه نویسان | 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗲𝗿s 𝗖𝗮𝗳𝗲

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

⁉️موافقید؟

#programming

Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

❤8👨‍💻4

579 viewsAli, edited 12:03

کافه برنامه نویسان | 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗲𝗿s 𝗖𝗮𝗳𝗲

⚡️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

❤6

666 viewsAnonymous, 13:31

کافه برنامه نویسان | 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗲𝗿s 𝗖𝗮𝗳𝗲

خروجی چیست؟

Anonymous Quiz

👨‍💻5❤1

62 voters645 viewsAnonymous, 13:34

کافه برنامه نویسان | 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗲𝗿s 𝗖𝗮𝗳𝗲

✨ تبدیل دیکشنری به 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

❤5👨‍💻2

771 viewsAli, 09:36

کافه برنامه نویسان | 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗲𝗿s 𝗖𝗮𝗳𝗲

چطور یک متن به گفتار با 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

❤4👨‍💻3

955 viewsAli, edited 15:30

کافه برنامه نویسان | 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗲𝗿s 𝗖𝗮𝗳𝗲

Rolla Rolla

Outlaw

GoodNight✨️

#Music

Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

❤8

620 views!ᴇʀғᴀɴ⁰¹, 17:56

کافه برنامه نویسان | 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗲𝗿s 𝗖𝗮𝗳𝗲

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

❤7🕊3

618 viewsAli, 07:46

کافه برنامه نویسان | 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗲𝗿s 𝗖𝗮𝗳𝗲

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

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

#programming #fact

Channel ° @Cafe_Of_Code

Group ° @IRdeveloperchat

❤8😍3

727 viewsAli, 10:07

کافه برنامه نویسان | 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗲𝗿s 𝗖𝗮𝗳𝗲

داشتم توی ریپو های اپن سورس گوگل میگشتم که رسیدم به پروژه 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

👨‍💻6

624 viewsAli, 13:11

کافه برنامه نویسان | 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗲𝗿s 𝗖𝗮𝗳𝗲

🔥جلسه چهارم 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

❤7

855 viewsAli, 15:30

کافه برنامه نویسان | 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗲𝗿s 𝗖𝗮𝗳𝗲

⚡️امروز روز جهانی بوسیدنه❤️

❤13

594 viewsAli, 08:48

کافه برنامه نویسان | 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗲𝗿s 𝗖𝗮𝗳𝗲

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

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

👨‍💻8❤3🤣1

739 viewsAnonymous, edited 13:30

کافه برنامه نویسان | 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗲𝗿s 𝗖𝗮𝗳𝗲

🔥برنامه خاموش کردن کامپیوتر با پایتون🔥

⚡️ برای این برنامه از کتابخانه OS استفاده شده است. می‌توان این کتابخانه را با دستور «pip install os» نصب کرد .
⚡️ با استفاده از این بسته می‌توان کامپیوتر را بازنشانی (ری‌استارت) یا خاموش کرد . حتی امکان تنظیم یک زمان‌بندی برای خاموش یا ری‌استارت کردن دستگاه نیز با استفاده از این پکیج وجود دارد.

import os 
shut down=input("do you want to shutdown your computer(yes/no):")
:'if shutdown=='yes
os.system("shutdown/s/t1")
:else
print('shutdown is not requested')

💥پیش از اجرای این برنامه، باید از ذخیره کردن اسناد و برنامه‌ها اطمینان حاصل کرد و از آن‌ها خارج شد. زیرا پس از اجرای این برنامه، کامپیوتر خاموش می‌شود و ممکن است داده‌های ذخیره نشده از بین بروند

#programming #python

Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

❤7💔2🕊1

732 viewsAli, 15:52

کافه برنامه نویسان | 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗲𝗿s 𝗖𝗮𝗳𝗲

با تو پیاده‌رو میشه هتل پنج ستاره!

- مسلک

#text

Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

⚡6💔2

662 views!ᴇʀғᴀɴ⁰¹, 17:31

کافه برنامه نویسان | 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗲𝗿s 𝗖𝗮𝗳𝗲

0:58

This media is not supported in your browser

VIEW IN TELEGRAM

♾ زندگی تو مال خودته🤞✨

Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

❤6🔥2

720 viewsAli, edited 07:51

کافه برنامه نویسان | 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗲𝗿s 𝗖𝗮𝗳𝗲

۲۳ ژوئن روز جهانی دختران مهندس مبارکه همه ی خانم هایی باشه که بلدن ریاضی و منطق رو با احساس و عاطفه همراه کنن🔥

خانوم مهندسا و اونایی که میخواین مهندس شین روزتون مبارک❤️

Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

❤10🔥4

721 viewsAli, edited 08:48

کافه برنامه نویسان | 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗲𝗿s 𝗖𝗮𝗳𝗲

🔆مهارت هایی که مزیت محسوب میشن و یادگیری اونا میتونه چندین پله شما رو جلو بندازه ✨

💯 هر کدوم رو میتونید بعد مسلط شدن به جاوااسکریپت برید سراغش ✨

🎖 آموزش Webpack

🎖 آموزش WebSocket

🎖 آموزش GraphQL

🎖 آموزش Pwa

🎖 آموزش Canvas

#programming

Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

❤5👨‍💻2

668 viewsAli, edited 10:57

کافه برنامه نویسان | 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗲𝗿s 𝗖𝗮𝗳𝗲

⚡️Css Transform

⚡️ به معنایی (تغییر شکل دادن یا دگرگون کردن) که برای animation ها در css استفاده میشود برای تغییر شکل یا مکان شکل✨

سی اس اس transform مقادیری را از قبیل :-

None
Translate , TranslateY , TranslateX
Scale, scaleX , ScaleY
Skew , SkewX , SkewY

میگیرد و هر کدوم از این چهار تا یک خاصیت دارد مقدار پیشفرض transform همیشه None است.

🥇 Translate

محور y در دنیای وب برعکس دنیای ریاضی هست یعنی سمت بالای محور میشه y- و سمت پایین میشه +y اما در ریاضی فرق می‌کنه
اما محور x هیچ فرقی ندارد

خب حالا خود translate چیکار می‌کنه تغییر موقعیت شکل رو انجام میده

مثلا

.box{
 Transform: translateX(300px)
}

💥 دقت کنید که گفتم translateX 300px بمعنایی اینکه از روی محور x حرکت کنه شکل و چون قیمتی که ما دادیم مثبت هست پس می‌ره به سمت راست. و به همین صورت

و در قسمت محور y هم به همین شکل است ولی اگر قسمت منفی بدید می‌ره به سمت بالا اگر قیمت مثبت بدید می‌ره به سمت پایین

امیدوارم که فهمیده باشید❤️

خاصیت های بعدی را در پست های روزای بعد میگم

#css #html #animation #transform #translate

Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

❤7👨‍💻2

723 viewsAnonymous, edited 13:30

کافه برنامه نویسان | 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗲𝗿s 𝗖𝗮𝗳𝗲

🖥 یه برنامه نویس باید نمونه کارهای خفنی داشته باشه و تو رزومه قرار بده💯

⁉️ حالا فکر کن سابقه کار نداره، نمونه کار از کجا بیاره؟

🔆 کافیه از سایت templatemonster ایده بگیره و چند نمونه کار خفن بزنه. همونا رو بذار تو رزومه؛ کار جمعِ

🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥

💎 سایت templatemonster ؛ بیش از 3 هزار قالب و تم وب خیره کننده داخلش قرار داده شده که میتونید ازشون الهام بگیرید و چند نمونه کار شاهکار بدید بیرون.

🔗 ورود به سایت :)

#programming #Site

Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

🔥4❤2👨‍💻1

967 viewsAli, edited 16:10

کافه برنامه نویسان | 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗲𝗿s 𝗖𝗮𝗳𝗲

نمی آید به چشمم هیچکس غیر از تو؛ این یعنی به لطف عشق تمرین میکنم یکتا پرستی را

- فاضل نظری

#text

Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

❤5🕊2

738 views!ᴇʀғᴀɴ⁰¹, 17:30

کافه برنامه نویسان | 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗲𝗿s 𝗖𝗮𝗳𝗲

دستوری برای عیب‌یابی و بررسی صحت ارتباط در شبکه؟

Anonymous Quiz