💡 نکته #React_js

🟣 موضوع : ‏روندها و آینده‌ی React.js (Fiber, Server Components)

✨ نکته :

‏Fiber داره باعث میشه ری‌اکت بتونه کارهای بیشتری رو همزمان انجام بده، بدون اینکه UI قفل بشه! 🤯 تجربه کاربری فوق العاده میشه!


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

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

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

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

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

🟣 موضوع : ‏کار با Virtual DOM در فریم‌ورک‌های مدرن

🟢 سوال :

‏کدام یک از فریم‌ورک‌های جاوا اسکریپت به طور گسترده از Virtual DOM استفاده می‌کند؟

گزینه 1:
‏Angular (در نسخه‌های جدیدتر با تغییراتی)
گزینه 2:
jQuery
گزینه 3:
React.js
گزینه 4:
Vanilla JavaScript

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

🟢 توضیح :

‏React.js یکی از اولین فریم‌ورک‌هایی بود که به طور گسترده از مفهوم Virtual DOM برای بهبود عملکرد رابط کاربری استفاده کرد.


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

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

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

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

🎓 پکیج‌های طلایی آموزش برنامه‌نویسی از Udemy
📦 با زیرنویس فارسی | روی فلش ۱۲۸ گیگابایتی | آماده ارسال فوری 🚀

🧠 یادگیری با بهترین دوره‌ها، از مبتدی تا حرفه‌ای!


💻 توسعه دهنده فرانت اند هستی؟ اینا مخصوص توئه:

🔹 جاوااسکریپت (JavaScript)
📥 پکیج دوره‌های جاوااسکریپت

🎨 آموزش CSS: طراحی شیک و حرفه‌ای صفحات وب
📥 پکیج دوره‌های CSS

⚛️ آموزش React JS: دنیای کامپوننت‌ها و رابط کاربری مدرن
📥 پکیج دوره‌های React

آموزش 🅰️ Angular: فریم‌ورک قدرتمند گوگل برای اپ‌های حرفه‌ای
📥 پکیج دوره‌های Angular

🌐 آموزش Next.js: ساخت اپلیکیشن‌های SSR و فوق سریع
📥 دانلود پکیج دوره‌های Next.js



🧑‍💻 توسعه دهنده بکند هستی؟ اینا مخصوص شماست:

🚀 آموزش ASP .NET Core: برای ساخت API و وب‌سایت‌های مقیاس‌پذیر
📥 پکیج دوره‌های ASP.NET Core

🧾 آموزش Node .Js : نوشتن کدهای ایمن‌تر و حرفه‌ای‌تر
📥 پکیج دوره‌های Node.Js


🧾 آموزش TypeScript: نوشتن کدهای ایمن‌تر و حرفه‌ای‌تر
📥 پکیج دوره‌های TypeScript


📩 برای سفارش سریع: وارد لینک‌ها شو و ثبت سفارش رو بزن

📦 ارسال به سراسر ایران با پست پیشتاز

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

🟣 موضوع : ‏کاربرد روش‌های bind، call و apply

🟢 سوال :

‏خروجی کد زیر چیست؟ const calculator = { add: function(a, b) { return a + b; } }; const result = calculator.add.apply(null, [5, 3]); console.log(result);

گزینه 1:
NaN
گزینه 2:
8
گزینه 3:
'53'
گزینه 4:
‏خطا

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

🟢 توضیح :

‏متد apply() تابع add را با مقدار this برابر با null (در این مورد this در تابع add استفاده نمی‌شود) و آرگومان‌های 5 و 3 که در یک آرایه قرار داده شده‌اند، فراخوانی می‌کند. نتیجه جمع (8) در متغیر result ذخیره می‌شود.


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

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

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

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

💡 نکته #React_js

🟣 موضوع : ‏استایل‌دهی با Emotion

✨ نکته :

‏ایموشن پرفورمنس خیلی خوبی داره! نگران سرعت نباش، با خیال راحت استایل بده! 💪


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

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

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

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

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

🟣 موضوع : ‏مدیریت فایل‌ها و دایرکتوری‌ها در Node.js

🟢 سوال :

‏کدام متد برای بررسی وجود یک فایل یا دایرکتوری استفاده می شود (قبل از Node.js v14)؟

گزینه 1:
exists()
گزینه 2:
existsSync()
گزینه 3:
access()
گزینه 4:
accessSync()

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

🟢 توضیح :

‏exists() و existsSync() برای بررسی وجود یک فایل یا دایرکتوری استفاده می شدند اما از Node.js v14 منسوخ شدند.


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

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

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

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

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

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

✨ نکته :

‏وقتی از کلمه کلیدی new با یه تابع سازنده (constructor function) استفاده می‌کنی، this به شیء جدیدی که ساخته شده اشاره می‌کنه. ساختن آبجکت‌های تازه! 🏗️🆕


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

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

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

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

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

🟣 موضوع : ‏مدیریت state در اپلیکیشن‌های مبتنی بر جاوا اسکریپت (Redux، Vuex)

🟢 سوال :

‏برای ارسال یک Action ناهمگام در Redux معمولاً از چه چیزی استفاده می‌شود؟

گزینه 1:
Redux DevTools
گزینه 2:
Redux Thunk
گزینه 3:
combineReducers
گزینه 4:
React Router

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

🟢 توضیح :

‏Redux Thunk یک middleware برای dispatch توابع ناهمگام است.


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

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

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

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

🎓 پکیج‌های طلایی آموزش برنامه‌نویسی از Udemy
📦 با زیرنویس فارسی | روی فلش ۱۲۸ گیگابایتی | آماده ارسال فوری 🚀

🧠 یادگیری با بهترین دوره‌ها، از مبتدی تا حرفه‌ای!


💻 توسعه دهنده فرانت اند هستی؟ اینا مخصوص توئه:

🔹 جاوااسکریپت (JavaScript)
📥 پکیج دوره‌های جاوااسکریپت

🎨 آموزش CSS: طراحی شیک و حرفه‌ای صفحات وب
📥 پکیج دوره‌های CSS

⚛️ آموزش React JS: دنیای کامپوننت‌ها و رابط کاربری مدرن
📥 پکیج دوره‌های React

آموزش 🅰️ Angular: فریم‌ورک قدرتمند گوگل برای اپ‌های حرفه‌ای
📥 پکیج دوره‌های Angular

🌐 آموزش Next.js: ساخت اپلیکیشن‌های SSR و فوق سریع
📥 دانلود پکیج دوره‌های Next.js



🧑‍💻 توسعه دهنده بکند هستی؟ اینا مخصوص شماست:

🚀 آموزش ASP .NET Core: برای ساخت API و وب‌سایت‌های مقیاس‌پذیر
📥 پکیج دوره‌های ASP.NET Core

🧾 آموزش Node .Js : نوشتن کدهای ایمن‌تر و حرفه‌ای‌تر
📥 پکیج دوره‌های Node.Js


🧾 آموزش TypeScript: نوشتن کدهای ایمن‌تر و حرفه‌ای‌تر
📥 پکیج دوره‌های TypeScript


📩 برای سفارش سریع: وارد لینک‌ها شو و ثبت سفارش رو بزن

📦 ارسال به سراسر ایران با پست پیشتاز

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

🟣 موضوع : ‏مفهوم Event Bubbling و Capturing

🟢 سوال :

‏کدام متد برای جلوگیری از Event Bubbling استفاده می شود؟

گزینه 1:
stopPropagation()
گزینه 2:
preventDefault()
گزینه 3:
stopImmediatePropagation()
گزینه 4:
preventDefaultImmediate()

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

🟢 توضیح :

‏متد stopPropagation() از انتشار رویداد به عناصر والد جلوگیری می کند.


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

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

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

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

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

🟣 موضوع : ‏ماژول‌های ES6 در مقابل CommonJS

✨ نکته :

‏با ES6 هم می‌تونی export default داشته باشی و هم چندتا export نام‌گذاری شده. خیلی انعطاف‌پذیر و باحاله! ✨


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

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

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

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

💡 نکته #React_js

🟣 موضوع : ‏ابزار Redux Toolkit

✨ نکته :

‏با Redux Toolkit دیگه نیازی به کدنویسی‌های پیچیده و تکراری نداری، خیلی سریع‌تر میتونی state رو مدیریت کنی! 🚀


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏استایل‌دهی با Styled-Components

🟢 سوال :

‏در styled-components چه متدی برای تعریف استایل‌های گلوبال استفاده می‌شود؟

گزینه 1:
createGlobalStyle
گزینه 2:
global
گزینه 3:
withGlobal
گزینه 4:
injectGlobal

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

🟢 توضیح :

‏از createGlobalStyle برای تعریف استایل‌های سراسری استفاده می‌شود.


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

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

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

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

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

🟣 موضوع : ‏کار با آرایه‌ها: ایجاد، دستکاری و متدهای پرکاربرد (map, filter, reduce)

🟢 سوال :

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

گزینه 1:
map
گزینه 2:
reduce
گزینه 3:
filter
گزینه 4:
find

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

🟢 توضیح :

‏متد filter عناصر یک آرایه را بر اساس شرط ارائه شده فیلتر می‌کند و یک آرایه جدید با عناصر فیلتر شده برمی‌گرداند.


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

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

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

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

🎓 پکیج‌های طلایی آموزش برنامه‌نویسی از Udemy
📦 با زیرنویس فارسی | روی فلش ۱۲۸ گیگابایتی | آماده ارسال فوری 🚀

🧠 یادگیری با بهترین دوره‌ها، از مبتدی تا حرفه‌ای!


💻 توسعه دهنده فرانت اند هستی؟ اینا مخصوص توئه:

🔹 جاوااسکریپت (JavaScript)
📥 پکیج دوره‌های جاوااسکریپت

🎨 آموزش CSS: طراحی شیک و حرفه‌ای صفحات وب
📥 پکیج دوره‌های CSS

⚛️ آموزش React JS: دنیای کامپوننت‌ها و رابط کاربری مدرن
📥 پکیج دوره‌های React

آموزش 🅰️ Angular: فریم‌ورک قدرتمند گوگل برای اپ‌های حرفه‌ای
📥 پکیج دوره‌های Angular

🌐 آموزش Next.js: ساخت اپلیکیشن‌های SSR و فوق سریع
📥 دانلود پکیج دوره‌های Next.js



🧑‍💻 توسعه دهنده بکند هستی؟ اینا مخصوص شماست:

🚀 آموزش ASP .NET Core: برای ساخت API و وب‌سایت‌های مقیاس‌پذیر
📥 پکیج دوره‌های ASP.NET Core

🧾 آموزش Node .Js : نوشتن کدهای ایمن‌تر و حرفه‌ای‌تر
📥 پکیج دوره‌های Node.Js


🧾 آموزش TypeScript: نوشتن کدهای ایمن‌تر و حرفه‌ای‌تر
📥 پکیج دوره‌های TypeScript


📩 برای سفارش سریع: وارد لینک‌ها شو و ثبت سفارش رو بزن

📦 ارسال به سراسر ایران با پست پیشتاز

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

🟣 موضوع : ‏ایجاد المان‌های داینامیک در صفحات وب

🟢 سوال :

‏برای افزودن یک کلاس CSS به یک عنصر داینامیک از کدام پراپرتی یا متد استفاده می‌شود؟

گزینه 1:
element.style.className = className
گزینه 2:
element.className += className
گزینه 3:
element.classList.add(className)
گزینه 4:
element.setAttribute('class', className)

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

🟢 توضیح :

‏پراپرتی element.classList یک شیء DOMTokenList را برمی‌گرداند که متد add() برای افزودن یک یا چند کلاس دارد.


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

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

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

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

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

🟣 موضوع : ‏تعامل با DOM: انتخاب و دستکاری المنت‌ها

🟢 سوال :

‏document.querySelector('p') چند عنصر برمی‌گرداند؟

گزینه 1:
‏اولین عنصر <p>
گزینه 2:
‏تمام عناصر <p>
گزینه 3:
‏هیچ‌کدام
گزینه 4:
‏یک HTMLCollection

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

🟢 توضیح :

‏querySelector فقط اولین مورد را برمی‌گرداند


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

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

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

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

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

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

🟢 سوال :

‏برای فعال‌سازی قالب‌بندی Prettier در VSCode چه اکستنشنی لازم است؟

گزینه 1:
ESLint
گزینه 2:
Prettier - Code formatter
گزینه 3:
Live Server
گزینه 4:
JavaScript (ES6) code snippets

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

🟢 توضیح :

‏با نصب اکستنشن Prettier - Code formatter می‌توانید فرمت‌دهی خودکار را در VSCode داشته باشید.


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

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

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

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

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

🟣 موضوع : ‏کار با Virtual DOM در فریم‌ورک‌های مدرن

🟢 سوال :

‏"Diffing Algorithm" در Virtual DOM چه کاری انجام می‌دهد؟

گزینه 1:
‏تغییرات CSS را شناسایی می‌کند.
گزینه 2:
‏تفاوت بین دو درخت Virtual DOM را برای تعیین تغییرات لازم در DOM واقعی پیدا می‌کند.
گزینه 3:
‏عملکرد برنامه را پروفایل می‌کند.
گزینه 4:
‏خطاهای جاوا اسکریپت را ردیابی می‌کند.

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

🟢 توضیح :

‏الگوریتم Diffing هسته اصلی Virtual DOM است که با مقایسه درخت Virtual DOM فعلی با درخت قبلی، حداقل تغییرات لازم برای اعمال در DOM واقعی را شناسایی می‌کند.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏دسترسی‌پذیری (Accessibility) در کامپوننت‌ها

🟢 سوال :

‏در React.js برای افزودن توضیح صوتی به دکمه‌ای که صرفاً آیکون دارد، از کدام ویژگی استفاده می‌شود؟

گزینه 1:
alt
گزینه 2:
title
گزینه 3:
aria-label
گزینه 4:
aria-hidden

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

🟢 توضیح :

‏aria-label برای افزودن توضیحات صوتی به عناصر بدون متن بصری استفاده می‌شود.


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

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

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

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