کافه برنامه نویسان | 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗲𝗿s 𝗖𝗮𝗳𝗲 – Telegram
کافه برنامه نویسان | 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗲𝗿s 𝗖𝗮𝗳𝗲
2.75K subscribers
1.08K photos
264 videos
30 files
1.13K links
👈 اینجا جایی است که یاد می‌گیریم و ایده‌هایمان را به واقعیت تبدیل می‌کنیم و در نهایت با هم رشد می‌کنیم

💬 Group : @IRdeveloperchat
تبادل / تبلیغات : @ProgramersCafeSup 🫴


♂️ مالک : @Ali_Rohany ♂️
Download Telegram
من کیستم؟ سخت افزار یا نرم‌افزاری که شبکه یا رایانه را در مقابل نفوذ مهاجمین و هکر ها محافظت میکند.
Anonymous Quiz
4%
Encryption
6%
Decryption
84%
Firewall
5%
Server
7👨‍💻3
شی گرایی چیست؟ در جاوااسکریپت


شی گرایی (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
👨‍💻7
ساختار المان های اچ تی ام ال

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

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

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

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



#Web #Html

Channel • @Cafe_Of_Code

Group • @IRdeveloperchat
4👨‍💻2
امروز 18 June، روز ولخرجیه😉
7
⚡️حرکت به بالای صفحه به نرمی با JavaScript

#javanoscript #smooth

#Ah_sear

Channel ° @Cafe_Of_Code
Group ° @IRdeveloperchat
6🔥2
فدای چشات این زندگی بدون تو نداره نشاط!

- پوتک

#text


Channel • @Cafe_Of_Code

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

⁉️موافقید؟

#programming

Channel • @Cafe_Of_Code

Group • @IRdeveloperchat
8👨‍💻4
⚡️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
تبدیل دیکشنری به 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
چطور یک متن به گفتار با 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
امروز 21 June، روز جهانی انسانیته ، چیزی که این روزا کمتر پیدا میشه .
7🕊3
🏅 اولین شخصی که در تاریخ به عنوان کدنویس شناخته شده است، زنی به نام آدا لاولیس بود😍👩‍💻

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

#programming #fact

Channel ° @Cafe_Of_Code

Group ° @IRdeveloperchat
8😍3
داشتم توی ریپو های اپن سورس گوگل میگشتم که رسیدم به پروژه 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
🔥جلسه چهارم 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
⚡️امروز روز جهانی بوسیدنه❤️
13
⚡️بچها میخوام توی این پست بهتون بگم که چجوری میتونیم سایت مون رو غیر قابل سلکت کنیم

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
👨‍💻83🤣1
🔥برنامه خاموش کردن کامپیوتر با پایتون🔥

⚡️ برای این برنامه از کتابخانه 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
با تو پیاده‌رو میشه هتل پنج ستاره!

- مسلک

#text


Channel • @Cafe_Of_Code

Group • @IRdeveloperchat
6💔2