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

🔺 یه مشکلی که با height : 100vh داریم اینه که توی موبایل اسکرول میخوره و تمام ارتفاع صفحه مرورگر همراه آدرس بار ( نه فاصله از آدرس بار تا انتهای صفحه )

ولی با این تکنیک میشه حلش کرد 😍👌

#frontend #css Channel ° @Cafe_Of_Code Group ° @IRdeveloperchat

✅ از وقتی اومدم رو vscode تم های خیلی زیادی نصب و امتحان کردم ولی اگه بخوام 10 تا از بهترین هاشونو معرفی کنم اینا هستن : ⭕️ One Dark Pro ⭕️ Dracula Official ⭕️ Andromeda ⭕️ Night Owl ⭕️ Monokai Pro ⭕️ Noctis ⭕️ Atom One ⭕️ GitHub Theme ⭕️ One Monokai Theme ⭕️ Nord 🔍 فقط کافیه اسمشون رو توی بخش Extenstion های VS CODE سرچ کنید و نصبشون کنید.

❤️ خودم شخصا night owl و Andromeda رو خیلی دوست داشتم.

#frontend #vscode Channel ° @Cafe_Of_Code Group ° @IRdeveloperchat

چجوری بعضی از وبسایت ها وقتی یه فایل رو آپلود میکنیم حجمش رو میگن❓❓ ✅خب توی این پست کامل تشریح میدم اول اینکه با JavaScript می‌خوام مقادیر Mb,Gb,Kb رو بگم.

### تابع برای تبدیل به مگابایت:
function bytesToMB(bytes) {
    return (bytes / (1024 * 1024)).toFixed(2) + ' MB';
}

// مثال:
console.log(bytesToMB(1048576)); // Output: 1 MB

### تابع برای تبدیل به گیگابایت:
function bytesToGB(bytes) {
    return (bytes / (1024 * 1024 * 1024)).toFixed(2) + ' GB';
}

// مثال:
console.log(bytesToGB(1073741824)); // Output: 1 GB

### تابع برای تبدیل به کیلوبایت:
function bytesToKB(bytes) {
    return (bytes / 1024).toFixed(2) + ' KB';
}

// مثال:
console.log(bytesToKB(1024)); // Output: 1 KB

این توابع اعداد را به ترتیب تبدیل به مگابایت، گیگابایت و کیلوبایت می‌کنند و مقدار را به صورت رشته با دو رقم اعشار برمی‌گردانند. این رشته به عنوان خروجی شامل واحد اندازه‌گیری ذکر شده است. و شما میتوانید برای وبسایت تان استفاده کنید #رهنمایی #Mb #Gb #Kb #javascript Channel ° @Cafe_Of_Code Group ° @IRdeveloperchat

میخواهی بمان، میخواهی برو رفتن تو دل‌انگیز تر از آمدن دیگریست... تنها یک چیز را بیشتر از تو دوست دارم اینکه تو را "دوست دارم"؛ - محمد ابراهیم جعفری #text Channel • @Cafe_Of_Code Group • @IRdeveloperchat

‏اینو خوندم دیدم خیلی دید ساده تری نسبت به یک سری قواعد تو جاوااسکریپت بهم میده دوست داشتید بخونیدش ۱۰ دقیقه کلا وقت میگیره ازتون : Learning JavaScript With Imagination smashingmagazine.com/2023/05/learni…‎ via ‎@smashingmag #frontend #javascript Channel ° @Cafe_Of_Code Group ° @IRdeveloperchat

- پرسیدم: رها کردن سخت بود؟ - گفت: نه به اندازه‌ی نگه داشتن چیزی که واقعی نبود! #text Channel • @Cafe_Of_Code Group • @IRdeveloperchat

پایتخت ایران در دهه پنجاه از نگاه هوش مصنوعی #Ai Channel • @Cafe_Of_Code Group • @IRdeveloperchat

🌀Json چیست؟ 🔥اJSON یا JavaScript Object Notation یک فرمت استاندارد برای نگهداری و تبادل داده‌ها است که بر پایه زبان برنامه‌نویسی جاوااسکریپت ایجاد شده است. JSON دارای ساختار ساده و قابل فهم برای انسان‌ها و همچنین قابل تجزیه و تحلیل برای ماشین‌ها است. این فرمت برای انواع داده‌ها از جمله اعداد، رشته‌ها، آرایه‌ها، شیء‌ها و مقادیر منطقی قابل استفاده است. یک مثال ساده از یک شیء JSON به صورت زیر است:

{
  "name": "John Doe",
  "age": 30,
  "isStudent": false,
  "courses": ["Math", "Science", "History"]
}

🔥در این مثال، یک شیء JSON با چند ویژگی مختلف نمایش داده شده است. ویژگی‌های این شیء شامل نام، سن، وضعیت دانشجو بودن و لیست دروس می‌باشد. داده‌ها در JSON با استفاده از جفت‌های "key": "value" نمایش داده می‌شوند و بین هر جفت با کاما جدا می‌شوند. 🔥اJSON به عنوان یک فرمت استاندارد برای تبادل داده‌ها بین سرویس‌های وب، ذخیره داده در پایگاه داده، تبادل داده بین سرور و کلاینت و بسیاری از کاربردهای دیگر استفاده می‌شود. #json #javascript #Ah_sear Channel ° @Cafe_Of_Code Group ° @IRdeveloperchat

🔥 مشهور ترین زبان های برنامه نویسی جهان از سال های 2000-2023 فقط java و python رو ببنید #python #java #javascript #c #programming #language #Ah_sear Channel ° @Cafe_Of_Code Group ° @IRdeveloperchat

🌟 بیایم یه نگاهی به تاریخچه JavaScript بیاندازیم ⚡️ وقتی که اینترنت اختراع شد کلا دو مرورگر در جهان وجود داشت. و همچنان وبسایت ها خیلی ساده و بدون استایل یا انمیشن بودن و developer ها دوست داشتن وبسایت های بهتری بسازن. 🏅 پش در سال 1995 کاوشگر نت اسکیپ که اون موقع مرورگر برجسته بود. یه شخصی به نام Brenden Eich رو استخدام کرد تا اولین نسخه جاوااسکریپت رو در ده روز🤯 بسازه اسمش Mocha بود و هنوز اون موقع جاوااسکریپت نبود اما همون اولشم کلی از مباحث پایه رو داشت مباحثی که جاوااسکریپت این روزه داره بسیار حیرت انگیزه که چنین نسخه اولیه ای رو در ده روز ساخته بعد در سال 1996 اسمش از Mocha به JavaScript تغییر کرد.

و در ضمن (کوچک شده جاوا هم نیست😅)

که دوباره به ی دلیل ساده به این نام تغییر کرد که مورد توجه developer های اون موقع بشه که همچنان اون موقع جاوا رو بورس بوده و در ضمن هیچ دلیل خاصی نداره که چرا اسمش شده جاوااسکریپت فقط برای بازاریابی و بازار گرمی بوده چون اون موقع جاوا حرف اول رو میزده. و همچنان جاوا و جاوااسکریپت دو زبان کاملا متفاوت هستن

و در همین سال بوده که ماکروسافت هم اومده انترنت اکسپلور رو داده و زبان جاوااسکریپت رو کپی کرده البته نتوانسته اسمش رو جاوااسکریپت بگذاره برای همین اسمش رو گذاشته JScript همه ساله جاوااسکریپت آپدیت میده که در سال 1997 اولین آپدیت رو داده به نام es1 در و یکی از بزرگ ترین آپدیت های جاوااسکریپت es6 است که خیلی تغرییات به زبان جاوااسکریپت اومد این نسخه در سال 2015 منتشر شد بعداً هم تصمیم گرفتن بجایی اینکه بیان هر چند سال یکبار آپدیت بدن که یعنی زبان کلا فرق می‌کنه هر ساله آپدیت بدن تا امروز

#javascript #تاریخچه #تاریخ #اینترنت Channel ° @Cafe_Of_Code Group ° @IRdeveloperchat

✅ تفاوت عملیات Synchronous و Asynchronous در جاوااسکریپت: 🔻عملیات همگام (Synchronous) : در عملیات همگام، کد به ترتیب و خط به خط اجرا میشه. یعنی خط بعدی اجرا نمیشه مگر که خط قبلی اجرا شده باشه. به عبارت دیگه، عملیات بعدی منتظر میمونه تا عملیات قبلی به پایان برسه. 🔻عملیات ناهمگام (Asynchronous) : در عملیات ناهمگام، کد به ترتیب نوشته شده اجرا نمی‌شه. برخی عملیات میتونن زمان‌بر باشن (مثل ریکوئست هایی که میزنیم به سرور)، پس این عملیات‌ها به صورت ناهمگام اجرا میشن تا برنامه بتونه به اجرای کدهای دیگه ادامه بده بدون اینکه منتظر اتمام عملیات زمان‌بر بمونه. #frontend #javascript Channel ° @Cafe_Of_Code Group ° @IRdeveloperchat

ما از شدت مهربونیامون دل آدمای دورمون و میزنیم نه از شدت بدیامون؛ #text Channel • @Cafe_Of_Code Group • @IRdeveloperchat

👾 تعریف متغیر در زبان PHP: برای تعریف متغیر در زبان PHP تنها نیاز است تا نام متغیر خود را در نظر بگیرید و پشت آن یک علامت $ اضافه کنید. در زبان PHP پیچیدگی های تعریف Data Type دیگر مشاهده نمی شود. برای ساخت متغیر از فرمول زیر استفاده کنید: ⚡️ $name = value ⚡️ کد بالا از ۴ قسمت تشکیل شده است که در زیر آن هارا توضیح داده ایم : 1️⃣ علامت $ نماد متغیر در زبان PHP است و هنگام تعریف و هنگام فراخوانی باید استفاده شود . 2️⃣ نام متغیر بعد از علامت $ می آید و در آینده با این نام متغیر قابل فرا خوانی خواهد بود . 3️⃣ علامت = نماد مقدار دهی در اکثر زبان ها و زبان PHP است . 4️⃣ در قسمت آخر شما می بایست مقدار متغیر خود را قرار بدهید. در آینده بعد از فرا خوانی متغیر این مقدار برگردانده می شود . به این مثال ها توجه کنید : ✨ $name = "Alireza"; ✨ $age = 15; برای فراخوانی متغیر ها نیز باید نام آن هارا با $ صدا زد. به این مثال توجه کنید: echo $name; برای تعریف متغیر های ثابت باید از روش زیر استفاده کرد : define("name" , "value");

✅ نکته : متغیر های ثابت فقط یکبار مقدار دهی می شوند و در آینده فقط فراخوانی می شوند و امکان مقدار دهی مجدد ندارند.

1️⃣ تابع define برای تعریف متغیر ثابت استفاده می شود. 2️⃣ این تابع ۲ ورودی می گیرد که در ورودی اول نام متغیر را باید در قالب رشته برای آن بفرستیم . 3️⃣ در ورودی دوم باید مقدار متغیر را در قالب دلخواه خود ارسال کنیم . به این مثال دقت کنید : define("loggedIn" , true) #PHP Channel • @Cafe_Of_Code Group • @IRdeveloperchat

🔥جلسه ششم پایگیم🔥 ما در جلسه قبلی فهمیدیم که چگونه مثلث ، مربع و مستطیل بسازیم ⚡️در این جلسه میخواهم بهتون بگم چجوری یک عنصر یا یک شی رو در حرکت قرار دهیم

import pygame
import sys

pygame.init()

width = 800
height = 600
window = pygame.display.set_mode((width, height))
pygame.display.set_caption("مربع حرکت از سمت راست به چپ و از چپ به راست")

black = (0, 0, 0)
white = (255, 255, 255)

x = width - 50
y = height // 2 - 25

clock = pygame.time.Clock()

while True:
    for event in pygame.event.get():
        if event.type == pygame.QUIT:
            pygame.quit()
            sys.exit()

    window.fill(black)
    pygame.draw.rect(window, white, (x, y, 50, 50))


    if x >= 0:
        x -= 5
    else:
        x = width - 50

    pygame.display.update()
    clock.tick(30)

🏅 طبق همیشه اول کتابخانه رو امپورت میکنیم بعد اندازه صفحه و رنگ صفحه را مشخص میکنیم 🏅 بعداً هم میایم اندازه مربع رو میگیم 🏅 نکته مهم اینجاست

if x >= 0:
        x -= 5
    else:
        x = width - 50

🏅 ما در این قسمت مربع را از سمت راست به چپ و برعکس به حرکت در می‌آوریم

clock.tick(30)

در این قسمت هم ما ساعت رو مشخص میکنیم برای حرکت مربع 🏅 کد بالا رفتن و پایین اومدن مربع و برعکس لازم نیست که بیام کل کد رو بگم فقط یک قسمتش رو میگم

if y <= height - 50:
        y += 5
    else:
        y = 0

فقط کافیه این کد را در لاین آخر به جای حرکت سمت چپ به راست پیست کنید و میتونید اندازه ها رو تغییر دهید اگه کدام مشکلی داشتید کامنت ها بگید #جلسه_ششم_پایگیم #پایتون #پایگیم #part_6_pygame #pygame #python Channel ° @Cafe_Of_Code Group ° @Irdeveloperchat

امروز روز جهانی بوس هست، تبریک میگم به مردم ایران که جلیل رو بوسیدن گذاشتن کنار