🔥میخایم باهم بررسی کنیم که مرورگر ها چه کارایی انجام میدن تا وب سایت ها داخلشون اجرا بشه

1️⃣ درخواست و پاسخ HTTP:
- وقتی شما یک آدرس وب (URL) وارد می‌کنید، مرورگر یک درخواست به سرور ارسال می‌کند.
- سرور جواب را به مرورگر برمی‌گرداند که شامل محتوای صفحه (مثل HTML، CSS، جاوااسکریپت، و تصاویر) است.

2️⃣ تجزیه و تحلیل محتوا:
- مرورگر HTML را تحلیل کرده و یک مدل درختی به نام DOM می‌سازد.
- CSS را هم تحلیل کرده و به DOM اضافه می‌کند تا مدل CSSOM ساخته شود.
- جاوااسکریپت هم اجرا می‌شود و ممکن است تغییراتی در DOM بدهد.

3️⃣ نمایش صفحه:
- مرورگر مدل‌های DOM و CSSOM را به یک درخت رندرینگ تبدیل می‌کند.
- مکان و اندازه هر عنصر مشخص می‌شود و سپس عناصر به نمایش در می‌آیند.

4️⃣ تعاملات کاربر:
- مرورگر به کلیک‌ها، تایپ‌ها و اسکرول‌ها پاسخ می‌دهد.
- این تعاملات ممکن است باعث درخواست‌های جدید HTTP یا تغییرات در صفحه شوند.

5️⃣ بهینه‌سازی و کشینگ:
- مرورگر از کش برای کاهش زمان بارگذاری صفحات استفاده می‌کند.
- کش مرورگر می‌تواند شامل فایل‌های HTML، CSS، جاوااسکریپت، و تصاویر باشد.

❤مرورگرهای محبوب و موتورهای رندرینگشون:
- گوگل کروم: موتور Blink
- فایرفاکس: موتور Gecko
- سافاری: موتور WebKit
- مایکروسافت اج: موتور Blink

این فرآیندها به سرعت انجام میشن تا کاربر سریع تر وبسایت رو ببینه

#browser #web
☕️ @CodeExplore

فقط همین از دستم بر میاد 🍇

#fun
☕️ @CodeExplore

کاربرد Object.entries و Object.fromEntries در جاوا اسکریپت ✌️

⁉️این دستور ها برای تبدیل آبجکت‌ها به آرایه‌های دوتایی و بالعکس استفاده میشن.

const obj = { a: 1, b: 2, c: 3 };
const entries = Object.entries(obj);
console.log(entries); 
// [['a', 1], ['b', 2], ['c', 3]]

const newObj = Object.fromEntries(entries);
console.log(newObj); 
// { a: 1, b: 2, c: 3 }

#javascript #trick #js
☕️ @CodeExplore

دوتا کتاب رایگان و مفید برای یادگیری زبان برنامه نویسی Ruby

1. "Learn Ruby the Hard Way" by Zed A. Shaw

این کتاب یکی از منابع معروف برای یادگیری زبان روبی هستش که به شیوه‌ای کاملاً عملی و تمرینی به شما اصول برنامه‌نویسی با روبی را یاد میده. هر فصل شامل تمریناتی هستش که شما رو به چالش میکشه و به تدریج مفاهیم پیچیده‌تر میشه.


2. "The Book of Ruby" by Huw Collingbourne

این کتاب کم حجم و مفید یک راهنمای کامل برای شروع برنامه‌نویسی با روبی هستش. این کتاب شامل مثال‌های عملی و توضیحات روشن و مختصره که به شما کمک میکنه تا مفاهیم اساسی روبی رو به‌ سرعت یاد بگیرید.

#ruby #book
☕️ @CodeExplore

📌میدونستین که ... ؟:

حدود 44 درصد برنامه نویس ها از Javascript استفاده میکنن
حدود 39 برنامه نویس ها از html css استفاده میکنن
حدود 90 درصد برنامه نویس ها از git برای سیستم مدیریت ورژن استفاده میکنن
حدود 47 درصد برنامه نویس ها از ویندوز استفاده میکنن
حدود 31 درصد برنامه نویس ها از MacOS استفاده میکنن
حدود 23 درصد برنامه نویس ها هم از لینوکس استفاده میکنن

☕️ @CodeExplore

✌️دوستان در جاوااسکریپت یک متدی به اسم hasOwn اضافه شده که فعالیتش مثل متد hasOwnProperty. هست. و حالا بریم ببینیم این متد hasOwn چطوری کار می‌کنه :

Object.hasOwn(obj, 'prop');

👀می بینیم که این متد به شکل استاتیک از آبجکت گلوبال Object تو دسترس هست و حالا میاد می بینه که یک پراپرتی داخل یک آبجکت وجود داره یا نه ، حالا بهتون با مثال میگم که خروجی این متد true یا false هست در واقع یک boolean هستش.

const person = { name: 'Amin' };

console.log(Object.hasOwn(person, 'name'));// true
console.log(person.hasOwnProperty('name'));// true

تو پست های بعدی بهتون میگم که چرا متد hasOwn جایگزین متد hasOwnProperty. شده. با ما همراه باشید🔥
Resource

#javascript #method #hasOwn #hasOwnProperty
☕️ @CodeExplore

#fun
☕️ @CodeExplore

واقعا Telebot یکی از مناسب‌ترین کتابخونه های طراحی بات تلگرام با PHP هستش که با سرعت بالا و سینتکس ساده خودش تونسته به این کیفیت برسه 🔥

✔️ توسعه دهنده این لایبرری یکی از دوستانمون هستش که توی کامنت های این پست تگش میکنیم.

#php #telebot
☕️ @CodeExplore | </Mahi>

خروجی کد جاوا اسکریپت زیر کدوم گزینست؟

function mysteryFunction(arr) {
  return arr
    .filter((x) => x % 2 === 0)
    .map((x) => x * x)
    .reduce((acc, curr) => acc + curr, 0);
}

const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
console.log(mysteryFunction(numbers));

#js #challenge
☕️ @CodeExplore

🔥یکی از گرون قیمت ترین موس های دنیا اسمش Razer Viper Mini Signature Edition Gold هستش و معروفه به شاهزاده‌ای از جنس طلا!

جدا از ظاهر خفنش داخلش جدید ترین فناوری های Razer قرار گرفته تا تجربه بی نظیری بهتون بده ( اگه خریدینش )😂

◀️ویژگی‌ها:
🟢بدنه‌ای از جنس طلای 24 عیار
🟢وزنی معادل 49 گرم
🟢سوئیچ‌های اپتیکال Razer Optical
🟢حسگر Razer Focus+ با دقت 20000 DPI
🟢کابل Speedflex
🟢نرخ به‌روزرسانی 8000 هرتز
🟢سازگاری با Razer Synapse 3.0

قیمتش هم حدود 27 هزاردلاره ( که با دلار 60 تومنی حساب کنیم میشه یه چیزی نزدیک میشه 1.620.000.000 تومان )😐

نظرتونه؟

☕️ @CodeExplore

‏🧠 قدرتمندترین و ارزان‌ترین هوش مصنوعی دنیا معرفی شد ؛ GPT-4o Mini

‏📰شرکت OpenAI امروز از مدل هوش مصنوعی جدیدی با عنوان GPT 4o Mini رونمایی کرد که نسبت به نسخه اصلی خود یعنی مدل GPT-4o از قیمت بسیار کمتری برخورداره.

📰از سوی دیگه این مدل هوش مصنوعی قابلیت‌ها و عملکردی بسیار بهتری از هوش مصنوعی GPT-3.5 داره.

‏📰مدل هوش مصنوعی GPT-4o Mini از امروز در دسترس کاربران نسخه رایگان، پلاس و Team چت بات ChatGPT قرار خواهد گرفت و آن‌ها می‌توانند به جای استفاده از مدل GPT-3.5 Turbo، از این مدل قدرتمندتر استفاده کنند.
#ai #chatgpt
☕️ @CodeExplore

چجوری درستش کنم 😶

#fun
☕️ @CodeExplore

خروجی کد C زیر کدوم گزینست؟

#include <stdio.h>

int main() {
    int a = 5, b = 10, c = 15;
    int *p1, *p2, *p3;

    p1 = &a;
    p2 = &b;
    p3 = &c;

    *p1 += *p3;
    *p3 -= *p2;
    p2 = p1;
    *p2 *= 2;

    printf("a = %d, b = %d, c = %d\n", a, b, c);

    return 0;
}

#clang #challenge
☕️ @CodeExplore

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

💎 روز برنامه‌نویس‌ها:
- تاریخ: 256مین روز سال (تو سال کبیسه: 13 سپتامبر، سالای معمولی: 12 سپتامبر)
- توضیحات: چون عدد 256 واسه برنامه‌نویسا مهمه، این روزو جشن می‌گیرن. 256 یعنی 2 به توان 8 که تو دنیای کامپیوتر خیلی کاربرد داره.

🔥 روز کدباز:
- تاریخ: 22 فوریه
- توضیحات: این روز به کسایی که تو پروژه‌های نرم‌افزاری کدباز (Open Source) مشارکت دارن، اختصاص داره.

🛡 روز امنیت اطلاعات:
- تاریخ: 30 نوامبر
- توضیحات: واسه اینه که اهمیت امنیت اطلاعات و حفاظت از داده‌ها رو به همه یادآوری کنن.

⭐️ روز پای:
- تاریخ: 14 مارس (3/14 به سبک آمریکایی)
- توضیحات: به افتخار عدد ریاضی π (پای) جشن می‌گیرن. مخصوصا جامعه‌های علمی و برنامه‌نویسی.

👩‍💻 روز آدا لاولیس:
- تاریخ: دومین سه‌شنبه اکتبر
- توضیحات: به یاد آدا لاولیس، اولین برنامه‌نویس تاریخ، و برای تجلیل از نقش زن‌ها تو علوم، تکنولوژی، مهندسی و ریاضی (STEM).

⌨️ هفته آموزش علوم کامپیوتر:
- تاریخ: هفته‌ای که شامل 9 دسامبر (تولد گریس هاپر) باشه.
- توضیحات: این هفته رو برا ترویج آموزش علوم کامپیوتر و برنامه‌نویسی تو مدارس و جوامع برگزار می‌کنن.

#programmer #occasion
☕️ @CodeExplore

امروز اومدیم یه کتابخانه فیلم و سریال با زبان php معرفی کنیم 🙂

🖥 این یه کتابخونه به اسم "Movies Api" هست که برای توسعه‌دهنده‌های فرانت‌اند و بک‌اند طراحی شده و به سایت DigiMovies وصل شده.
💥این کتابخونه کاملاً رایگانه و برای استفاده ازش لازمه که IP ایران داشته باشین.

❓ پیش‌نیازها :
🗣️ این کتابخونه از ورژن PHP 8.1 به بالا کار می‌کنه.


📎 قابلیت های این کتابخانه :

🗣️ گرفتن لیست دسته‌بندی‌ها
🗣️ جستجوی فیلم یا سریال
🗣️ دریافت فیلم‌های صفحه اصلی، فیلم‌ها، فیلم‌های دوبله فارسی، انیمیشن‌ها، فیلم‌های سه‌بعدی
🗣️ دریافت سریال‌ها، سریال‌های پربازدید، سریال‌های کره‌ای، سریال‌های دوبله فارسی، انیمیشن‌ها و انیمه‌ها
🗣️ گرفتن لینک دانلود فیلم یا سریال

🔗 لینک گیتهاب کتابخانه :

https://github.com/MehdiHamid1223/movies-api

🔗 لینک پکیجیست کتابخانه :

https://packagist.org/packages/mehdihamid/movies-api

⭐️ ستاره یادتون نره ⭐️

#php #library #movie #api
☕️ @CodeExplore

چرا بک اند کارا رو هیچکس دوست نداره 😩

#fun
☕️ @CodeExplore

پروژه های استخدامی برنامه نویسان لاراول

یکی از اصلی ترین دغدغه برنامه نویسان، بی اطلاعی از سبک تست ها و آزمون هایی هست که شرکت ها برای جذب برنامه نویسان جدید می گیرن. هدف این ریپو صرفا، آشنایی با رویکرد ها و اهداف پروژه های تستی هست و قصد و نیت دیگه ای نداره.
به خاطر داشته باشید، همونطور که برنامه نویسان علم و دانش خودشون رو با مطالعه ی این پروژه های تستی ارتقا میدن، شرکت ها هم موظف به ارتقای سطح تست ها و آزمون های تستی هستن.

🌐https://github.com/laravel98developer/laravel-hiring-projects

#laravel #project
☕️ @CodeExplore