💡 نکته #React

🟣 موضوع : ‏مقابله با درخواست‌های هم‌زمان و تداخل آن‌ها

✨ نکته :

‏اگه داده‌ها خیلی شبیه هم هستن، از useMemo برای کش کردنشون استفاده کن! 🧠💡


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

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

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

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

💡 نکته #React

🟣 موضوع : ‏چرخه‌ی حیات در Class Component (کلاس‌محور)

✨ نکته :

‏اگه تو کلاس کامپوننت Reactت یه متغیر state داری، حواست باشه که وقتی مقدارش رو عوض می‌کنی، React دوباره render می‌کنه! 🔄✨


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

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

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

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

💡 نکته #React

🟣 موضوع : ‏نمایش وضعیت بارگذاری (Loading) در هنگام دریافت داده

✨ نکته :

‏برای نشون دادن وضعیت بارگیری، می تونی از conditional rendering استفاده کنی (if/else) یا از && اپراتور. ✅


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

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

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

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

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

🟣 موضوع : ‏محیط‌های اجرایی جاوا اسکریپت - تاریخچه مختصر توسعه محیط‌های اجرایی جاوا اسکریپت

✨ نکته :

‏یادته جنگ مرورگرها رو؟ مایکروسافت هم JScript رو ساخت و یه دعوایی شد! آخرش مجبور شدن استانداردش کنن و شد ECMAScript. 📜⚔️


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

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

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

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

🔵 آموزش گیت (Git) - Stashing

🟢 کیفیت : متوسط

🔴 توجه کنید این ویدیو با کیفیت متوسط می باشد. طی روزهای آینده نسخه های متفاوت با کیفیت بالاتر یا کم حجم تر از این نسخه در کانال قرار داده خواهد شد.

🟣 آموزش گیت (Git)

🟢 زبان آموزش: فارسی


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏Hook پیشرفته: `useRef`

🟢 سوال :

‏کدام گزینه بیان درستی از رفتار useRef در رندرهای مجدد است؟

گزینه 1:
‏تغییر دادن مقدار ref باعث رندر مجدد می‌شود
گزینه 2:
‏تغییر مقدار current باعث رندر نمی‌شود
گزینه 3:
‏ref یک روش برای مدیریت Context است
گزینه 4:
‏ref فقط برای المان‌های کلاس است

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

🟢 توضیح :

‏تغییر current باعث رندر مجدد نمی‌شود مگر state تغییر کند.


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

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

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

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

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

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

🟢 سوال :

‏هنگام به‌روزرسانی یک کتابخانه شخص ثالث به نسخه جدیدتر، چه نکته‌ای باید مورد توجه قرار گیرد؟

گزینه ۱:
‏همیشه باید به آخرین نسخه به‌روزرسانی کرد تا از جدیدترین ویژگی‌ها بهره‌مند شد

گزینه ۲:
‏باید یادداشت‌های انتشار (release notes) نسخه جدید را بررسی کرد تا از تغییرات ناسازگار (breaking changes) احتمالی آگاه شد

گزینه ۳:
‏به‌روزرسانی فقط زمانی ضروری است که باگ امنیتی در نسخه فعلی وجود داشته باشد

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



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

🟢 توضیح :

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

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

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

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

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

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

🟣 موضوع : ‏کار با محیط‌های توسعه تست محور (TDD): مفهوم و چگونگی پیاده‌سازی

🟢 سوال :

‏چرخه اصلی TDD معمولاً شامل چند مرحله است؟

گزینه ۱:
‏دو مرحله (نوشتن کد، نوشتن تست)

گزینه ۲:
‏چهار مرحله (نوشتن تست، نوشتن کد، اجرا، بازسازی)

گزینه ۳:
‏سه مرحله (نوشتن تست، نوشتن کد، اجرا/بازبینی)

گزینه ۴:
‏پنج مرحله (برنامه‌ریزی، نوشتن تست، نوشتن کد، اجرا، استقرار)



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

🟢 توضیح :

‏چرخه TDD معمولاً شامل سه مرحله اصلی است: قرمز (نوشتن یک تست که در ابتدا شکست می‌خورد)، سبز (نوشتن حداقل کد لازم برای پاس کردن تست)، و بازسازی (بهبود کد بدون تغییر رفتار).

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

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

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

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

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

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

✨ نکته :

‏حتماً نام‌گذاری ماژول‌هات رو درست و حسابی انجام بده تا بعداً خودت هم گیج نشی! 😉


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

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

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

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

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

🟣 موضوع : ‏مدیریت رویدادها (Events) - نقش Web APIs در هندلینگ رویدادها: تعامل مرورگر با رویدادها چگونه است؟

✨ نکته :

‏به جای اینکه به ۱۰۰ تا دکمه جدا گوش بدی، به پدرشون گوش بده! 👂 این تکنیک بهش میگن Event Delegation. خیلی بهینه‌تره و برای المنت‌هایی که بعداً اضافه میشن هم کار می‌کنه! 🔥


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

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

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

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

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

🟣 موضوع : ‏ابزارهای توسعه و ساخت پروژه - یکپارچه‌سازی CI/CD برای ساخت و استقرار محیط‌های توسعه و تولید با استفاده از اسکریپت‌های NPM

✨ نکته :

‏برای Debug کردن، از console.log و debugger تو اسکریپت هات استفاده کن. 💡


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

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

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

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

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

🟣 موضوع : ‏ویژگی‌های مدرن جاوا اسکریپت (ES6+) - Hoisting و TDZ: بررسی تعامل Hoisting و TDZ و تاثیر آن بر ترتیب اجرای کد

✨ نکته :

‏یادت باشه، let و const برعکس var، با TDZ میان وسط میدون. پس اول کد رو بخون، بعد به متغیرها دست بزن! 😉


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

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

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

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

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

🟣 موضوع : ‏بهینه‌سازی عملکرد (Performance Optimization) و کارایی جاوا اسکریپت - استفاده از استراتژی‌های کشینگ مرورگر (Browser Caching) برای بارگذاری فوری اسکریپت‌ها

✨ نکته :

‏سلام! 🙋‍♂️ برای اینکه جاوا اسکریپتت سریع‌تر بارگذاری شه، از کش مرورگر استفاده کن! مثل اینه که غذا رو تو یخچال بذاری تا زود آماده شه! 🍕


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

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

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

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

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

🟣 موضوع : ‏مفاهیم مربوط به this و نحوه Binding آن

🟢 سوال :

‏کدام متد برای فراخوانی یک تابع با تعیین مقدار this و ارسال آرگومان‌ها به صورت آرایه استفاده می‌شود؟

گزینه 1:
bind()
گزینه 2:
call()
گزینه 3:
apply()
گزینه 4:
with()

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

🟢 توضیح :

‏متد apply() مشابه call() است اما آرگومان‌های تابع را به صورت یک آرایه (یا یک شیء شبیه آرایه) می‌پذیرد.


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

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

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

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

🔵 Eclipse - Perspectives

🟢 کیفیت : متوسط

🔴 توجه کنید این ویدیو با کیفیت متوسط می باشد. طی روزهای آینده نسخه های متفاوت با کیفیت بالاتر یا کم حجم تر از این نسخه در کانال قرار داده خواهد شد.

🟣 Eclipse

🟢 زبان آموزش: انگلیسی

🟣 دوره آموزش Eclipse


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

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

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

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

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

🟣 موضوع : ‏کار با APIها و درخواست‌های شبکه - تفاوت JSON با XML: مزایا و معایب هر کدام

✨ نکته :

‏چشم آدم با JSON راحت‌تره! خوندن یه فایل JSON معمولا ساده‌تر از یه فایل XML با کلی تگ تو در تو هست. 👀


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

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

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

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

🚀 پایتون: نمایش خروجی با `print()` و فرمت‌بندی آن! 🎨

تابع print() در پایتون، ساده‌ترین راه برای نمایش اطلاعات است. اما برای حرفه‌ای شدن، باید بلد باشید خروجی‌ها را مرتب و زیبا نمایش دهید.

💡 روش‌های مختلف نمایش خروجی:

1️⃣ استفاده از کاما (Simple Case):
پایتون به طور خودکار بین آیتم‌هایی که با کاما جدا شده‌اند، یک فاصله (Space) می‌اندازد.

name = "ثنا"
score = 100
print("کاربر:", name, "امتیاز:", score)
# خروجی: کاربر: ثنا امتیاز: 100

2️⃣ جادوی f-string (بهترین روش):
در پایتون 3.6 به بالا، با گذاشتن حرف f قبل از کوتیشن، می‌توانید متغیرها را مستقیماً داخل {} قرار دهید. این روش سریع‌تر و خواناتر است.

age = 22
print(f"من {age} ساله هستم.")

3️⃣ تنظیم جداکننده (sep):
می‌توانید تعیین کنید بین آیتم‌ها به جای فاصله، چه کاراکتری قرار بگیرد.

print("2024", "05", "20", sep="/")
# خروجی: 2024/05/20

4️⃣ تنظیم پایان خط (end):
به طور پیش‌فرض print بعد از اجرا به خط بعد می‌رود. با end می‌توانید مانع این کار شوید.

print("در حال بارگذاری", end="... ")
print("تکمیل شد!")
# خروجی: در حال بارگذاری... تکمیل شد!

💡 نکته #React

🟣 موضوع : ‏استفاده از Redux Toolkit برای ساده‌سازی کدنویسی

✨ نکته :

‏کد RTK رو با ESLint و Prettier همیشه تمیز نگه دار! ✨ خوانایی کد بالا میره و اشتباهات کمتر میشن.


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

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

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

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

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

🟣 موضوع : ‏مدیریت رویدادها (Events) - معرفی Web APIs مرتبط با رویدادها: DOM, Fetch, Timers

✨ نکته :

‏preventDefault: نمیخوای لینک صفحه رو عوض کنه یا فرم submit بشه؟ preventDefault بزن! انگار ترمز دستی رو کشیدی! 🛑✋


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

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

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

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

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

🟣 موضوع : ‏جاوا اسکریپت ناهمگام (Asynchronous JavaScript) - درک مفهوم "مسدود کننده" (Blocking) و "غیر مسدود کننده" (Non-Blocking)

✨ نکته :

‏جاوا اسکریپت ذاتاً تک‌نخیه (Single-Threaded). یعنی در آن واحد فقط یه کار می‌تونه انجام بده. پس مسدود کردنش یعنی فاجعه و فریز شدن صفحه! 😱


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

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

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

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

🔵 آموزش گیت (Git) - reset and restore commands

🟢 کیفیت : متوسط

🔴 توجه کنید این ویدیو با کیفیت متوسط می باشد. طی روزهای آینده نسخه های متفاوت با کیفیت بالاتر یا کم حجم تر از این نسخه در کانال قرار داده خواهد شد.

🟣 آموزش گیت (Git)

🟢 زبان آموزش: فارسی


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

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

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

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