💡 نکته #React_js

🟣 موضوع : ‏استفاده از ESLint و Prettier برای کیفیت کد

✨ نکته :

‏یه فایل .prettierrc بساز و قوانین فرمت‌بندی مثل طول خط یا استفاده از single/double quote رو اونجا بذار. اینجوری کل پروژه یکدست می‌شه. 📝


ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

لطفا ما رو به دیگران هم معرفی کنید...

آدرس کانال اصلی :
https://t.me/Tu_24

آدرس وبسایت:
https://Tutorial24.ir

💡 نکته #جاوا_اسکریپت

🟣 موضوع : ‏جاوا اسکریپت ناهمگام (Asynchronous JavaScript) - Async/Await: مقایسه عملکرد Async/Await با Promises: خوانایی و نگهداری کد

✨ نکته :

‏اگه می‌خوای عملکرد رو بهینه کنی، Async/Await می‌تونه کمک کنه، چون معمولا Promiseها رو بهتر مدیریت می‌کنه. 🔥


ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

لطفا ما رو به دیگران هم معرفی کنید...

آدرس کانال اصلی :
https://t.me/Tu_24

آدرس وبسایت:
https://Tutorial24.ir

‏Class decorators تو پایتون، یه جور جادوئه ✨! 🧙‍♂️

‏یه کلاس رو میگیرن، تغییرش میدن و یه کلاس جدید تحویل میدن.

‏فرض کن میخوای یه سری ویژگی خاص به همه کلاس‌هات اضافه کنی، Class decorators اینجا به کارت میان.

‏دیگه لازم نیست کد تکراری بنویسی! 😎

https://t.me/python7ir

🔵 کوییز #React_js

🟣 موضوع : ‏طراحی Mobile‑First در React

🟢 سوال :

‏برای lazy load کردن کامپوننت‌ها در React برای صرفه‌جویی پهنای باند موبایل، چه روشی کاربردی است؟

گزینه 1:
React.memo
گزینه 2:
import dynamic from 'next/dynamic'
گزینه 3:
React.lazy
گزینه 4:
useCallback

🔵 گزینه صحیح: 3

🟢 توضیح :

‏React.lazy امکان تفکیک (code splitting) و لیزی لود کامپوننت‌ها را فراهم می‌کند و به کاهش حجم اولیه کمک می‌کند.


ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

لطفا ما رو به دیگران هم معرفی کنید...

آدرس کانال اصلی :
https://t.me/Tu_24

آدرس وبسایت:
https://Tutorial24.ir

💡 نکته #جاوا_اسکریپت

🟣 موضوع : ‏Web APIs پیشرفته و کاربردهای فراتر از مرورگر (Web Workers, Service Workers, WebSockets) - درک مکانیسم Structured Cloning: نحوه کپی شدن داده‌ها در postMessage

✨ نکته :

‏Service Workers بهت اجازه می‌ده حتی وقتی آفلاینی هم کار کنی! 🔥 می‌تونی وب‌سایتت رو کَش کنی و تجربه‌ای عالی برای کاربرات بسازی.


ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

لطفا ما رو به دیگران هم معرفی کنید...

آدرس کانال اصلی :
https://t.me/Tu_24

آدرس وبسایت:
https://Tutorial24.ir

💡 نکته #جاوا_اسکریپت

🟣 موضوع : ‏مدیریت خطا (Error Handling) و دیباگینگ (Debugging) - توقف بر روی خطاها (Pause on Exceptions): یافتن منشاء خطاهای مدیریت نشده

✨ نکته :

‏از console.log 🖨️ زیاد استفاده کن! یه عالمه اطلاعات می‌تونه بهت بده تا بفهمی چی داره تو کدت می‌گذره.


ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

لطفا ما رو به دیگران هم معرفی کنید...

آدرس کانال اصلی :
https://t.me/Tu_24

آدرس وبسایت:
https://Tutorial24.ir

🔵 کوییز #‏جاوا_اسکریپت

🟣 موضوع : ‏کار با Service Workers و اصول PWA

🟢 سوال :

‏چرخه عمر Service Worker شامل کدام مراحل است؟

گزینه 1:
Download, Install, Activate
گزینه 2:
Install, Activate, Run
گزینه 3:
Register, Install, Activate
گزینه 4:
Download, Activate, Run

🔵 گزینه صحیح: 1

🟢 توضیح :

‏چرخه عمر Service Worker شامل مراحل دانلود، نصب و فعال سازی است.


ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

لطفا ما رو به دیگران هم معرفی کنید...

آدرس کانال اصلی :
https://t.me/Tu_24

آدرس وبسایت:
https://Tutorial24.ir

💡 نکته #جاوا_اسکریپت

🟣 موضوع : ‏جاوا اسکریپت در مرورگر - اعتبارسنجی فرمت ایمیل در ورودی‌های کاربر

✨ نکته :

‏یه راه ساده برای چک کردن فرمت ایمیل، استفاده از عبارت باقاعده (Regex) هست. یه چیزی مثل /\S+@\S+\.\S+/ کار رو راه میندازه! 🚀


ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

لطفا ما رو به دیگران هم معرفی کنید...

آدرس کانال اصلی :
https://t.me/Tu_24

آدرس وبسایت:
https://Tutorial24.ir

💡 نکته #React

🟣 موضوع : ‏مدیریت فرم‌ها و رویداد onChange

✨ نکته :

‏یادت باشه هندل کردن submit خیلی مهمه! جلوی رفرش شدن صفحه رو بگیر و اطلاعات فرم رو بفرست به سرور. 🚀


ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

لطفا ما رو به دیگران هم معرفی کنید...

آدرس کانال اصلی :
https://t.me/Tu_24

آدرس وبسایت:
https://Tutorial24.ir

‏آیا می‌دونستید با ChainMap در پایتون 🐍 میشه چند تا دیکشنری رو به هم "زنجیر" کرد؟

‏دیگه لازم نیست دستی ادغامشون کنید! 😎

‏ChainMap یه لیست از دیکشنری‌ها رو می‌گیره و مثل یه دیکشنری واحد باهاشون کار می‌کنه.

‏مثلاً برای تنظیمات برنامه، اولویت‌بندی مقادیر پیش‌فرض و مقادیر کاربر خیلی راحت میشه 👌.

```python
from collections import ChainMap

defaults = {'color': 'red', 'user': 'guest'}
command_line = {'user': 'admin'}

combined = ChainMap(command_line, defaults)

print(combined['color']) # Output: red
print(combined['user']) # Output: admin
```
‏به همین سادگی! 👍
‏#پایتون #آموزش #ChainMap

https://t.me/python7ir

💡 نکته #جاوا_اسکریپت

🟣 موضوع : ‏مبانی زبان جاوا اسکریپت - مقدمه‌ای بر اعلان متغیرها: چرا var، let و const اهمیت دارند؟

✨ نکته :

‏const برای متغیرهایی استفاده میشه که مقدارشون ثابت می‌مونه. انگار یه سنگ محکم و تغییرناپذیره! 🪨💪


ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

لطفا ما رو به دیگران هم معرفی کنید...

آدرس کانال اصلی :
https://t.me/Tu_24

آدرس وبسایت:
https://Tutorial24.ir

‏یه بازی باحال با پایتون بسازیم؟ 😎

‏با کدنویسی یه بازی حدس عدد خیلی ساده‌ست!

‏عدد رو انتخاب کن،
‏برنامه حدس بزنه! 🔢

‏کدش رو تو اینترنت سرچ کن "python guess the number game"
‏کلی آموزش باحال پیدا می‌کنی. 😉

‏#پایتون #برنامه_نویسی #بازی

https://t.me/python7ir

🔵 کوییز #مفاهیم_کلی_برنامه_نویسی

🟣 موضوع : ‏مبانی استفاده از کتابخانه‌های شخص ثالث: انتخاب و ادغام در پروژه

🟢 سوال :

‏پس از انتخاب یک کتابخانه شخص ثالث، اولین قدم برای استفاده از آن در پروژه چیست؟

گزینه ۱:
‏دانلود مستقیم فایل‌های سورس کد و قرار دادن آن‌ها در پروژه

گزینه ۲:
‏نصب کتابخانه از طریق یک مدیر بسته (package manager)

گزینه ۳:
‏کپی کردن اسکریپت‌های آنلاین کتابخانه در فایل‌های HTML

گزینه ۴:
‏نوشتن مجدد تمام عملکردهای کتابخانه به صورت سفارشی



🔵 گزینه صحیح: 2

🟢 توضیح :

‏مدیران بسته (مانند npm برای جاوااسکریپت، pip برای پایتون، Maven برای جاوا) فرآیند نصب، به‌روزرسانی و مدیریت وابستگی‌های پروژه را ساده می‌کنند.

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

لطفا ما رو به دیگران هم معرفی کنید...

آدرس کانال اصلی :
https://t.me/Tu_24

آدرس وبسایت:
https://Tutorial24.ir