💡 نکته #React_js

🟣 موضوع : Render Props

✨ نکته :

‏مواظب باش توی render یه تابع جدید نسازی، چون ممکنه باعث رندرهای اضافه بشه. بهینه‌سازی یادت نره! ⚡️


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

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

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

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

💡 نکته #React_js

🟣 موضوع : ‏Hook‌ پایه: useEffect

✨ نکته :

‏useEffect خیلی قدرتمنده، اما زیاده‌روی نکن! بعضی وقتا state management های ساده‌تر بهتر جواب میدن. 🧘


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

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

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

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

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

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

🟢 سوال :

‏جاوا اسکریپت سمت کاربر عمدتاً در کجا اجرا می‌شود؟

گزینه 1:
‏مرورگر وب
گزینه 2:
‏سرور
گزینه 3:
‏پایگاه داده
گزینه 4:
‏خط فرمان

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

🟢 توضیح :

‏جاوا اسکریپت سمت کاربر برای تعامل با کاربر و دستکاری DOM، عمدتاً در مرورگر اجرا می‌شود.


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

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

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

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

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

🟣 موضوع : ‏متد addEventListener و نحوه ثبت رویدادها

🟢 سوال :

‏کدام روش ثبت رویداد به طور کلی در جاوا اسکریپت مدرن توصیه می‌شود؟

گزینه 1:
‏استفاده مستقیم از پراپرتی‌های onEvent (مانند element.onclick = function()).
گزینه 2:
‏استفاده از متد attachEvent() (مختص IE).
گزینه 3:
‏استفاده از متد addEventListener().
گزینه 4:
‏استفاده از HTML inline event handlers (<button onclick="...">).

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

🟢 توضیح :

‏متد addEventListener() روش توصیه شده برای ثبت رویدادها در جاوا اسکریپت مدرن است زیرا انعطاف‌پذیری بیشتری (مانند ثبت چندین listener برای یک رویداد و کنترل فاز رویداد) ارائه می‌دهد و با استانداردهای وب سازگارتر است.


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

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

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

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

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

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

🟢 سوال :

‏کدام ویژگی برای دریافت مقدار یک ویژگی HTML در جاوا اسکریپت استفاده می‌شود؟

گزینه 1:
getAttribute
گزینه 2:
getProperty
گزینه 3:
getValue
گزینه 4:
fetchAttribute

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

🟢 توضیح :

‏متد `getAttribute` برای دریافت مقدار یک ویژگی در یک عنصر HTML استفاده می‌شود.


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

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

آدرس کانال اصلی :
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


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

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

🔵 کوییز #React_js

🟣 موضوع : ‏استایل‌دهی داخلی: CSS Modules

🟢 سوال :

‏چگونه می‌توان یک کلاس CSS Module را به یک المنت HTML اعمال کرد؟

گزینه 1:
`<div className="styles.container">`
گزینه 2:
`<div className={styles.container}>`
گزینه 3:
`<div style={styles.container}>`
گزینه 4:
`<div class={styles.container}>`

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

🟢 توضیح :

‏برای اعمال یک کلاس CSS Module به یک المنت، باید از `className={styles.container}` استفاده کرد.


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

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

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

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

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

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

✨ نکته :

‏سمت سرور، با دیتابیس دوست میشه و اطلاعات رو مدیریت میکنه، مثل یه مدیرِ اطلاعاتی 💾.


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

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

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

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

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

🟣 موضوع : ‏مفهوم Undefined و Null و تفاوت آن‌ها

🟢 سوال :

‏نوع داده undefined در جاوا اسکریپت چیست؟

گزینه 1:
Object
گزینه 2:
Null
گزینه 3:
Undefined
گزینه 4:
Boolean

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

🟢 توضیح :

‏نوع داده خود undefined در جاوا اسکریپت undefined است.


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

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

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

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

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

🟣 موضوع : ‏تعریف و تفاوت متغیرها با var، let و const

🟢 سوال :

‏متغیرهای تعریف‌شده با var در مقابل let چه تفاوت اصلی در حوزه دید دارند؟

گزینه 1:
‏var در سطح بلاک scoped است
گزینه 2:
‏let فقط تابع scoped است
گزینه 3:
‏var تابع scoped و let بلاک scoped است
گزینه 4:
‏هر دو بلاک scoped هستند

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

🟢 توضیح :

‏var تابع scoped است ولی let بلاک scoped است


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

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

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

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

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

🟣 موضوع : ‏آشنایی با Node.js و کاربردهای آن

🟢 سوال :

‏کدام اصطلاح به معنای اجرای عملیات بدون انتظار برای تکمیل آن است؟

گزینه 1:
‏همزمان
گزینه 2:
‏ناهمزمان
گزینه 3:
‏سریال
گزینه 4:
‏موازی

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

🟢 توضیح :

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


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

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

آدرس کانال اصلی :
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


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

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

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

🟣 موضوع : ‏کار با ویژگی‌های dataset در المنت‌های HTML

✨ نکته :

‏وقتی میخوای مقدار یه دیتاست رو عوض کنی، لازم نیست دوباره کل المنت رو آپدیت کنی! فقط مقدار element.dataset.propertyName رو تغییر بده. خیلی سریع و بهینه! 🚀


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

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

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

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

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

🟣 موضوع : ‏کاربرد Memoization در بهینه‌سازی کد

🟢 سوال :

‏Memoization در برنامه‌نویسی به چه معناست؟

گزینه 1:
‏فرایند فشرده‌سازی کد برای کاهش حجم
گزینه 2:
‏تکنیکی برای ذخیره نتایج فراخوانی‌های توابع خالص با ورودی‌های یکسان
گزینه 3:
‏روشی برای بهبود خوانایی کد با استفاده از نام‌های طولانی‌تر برای متغیرها
گزینه 4:
‏استراتژی برای مدیریت حافظه و جلوگیری از نشت حافظه

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

🟢 توضیح :

‏Memoization یک تکنیک بهینه‌سازی است که در آن نتایج فراخوانی‌های توابع خالص برای ورودی‌های مشخص ذخیره می‌شوند تا در صورت فراخوانی مجدد با همان ورودی‌ها، نتیجه ذخیره شده مستقیماً برگردانده شود و از محاسبات تکراری جلوگیری شود.


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

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

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

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

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

🟣 موضوع : ‏مفهوم Undefined و Null و تفاوت آن‌ها

✨ نکته :

‏برای مقایسه، null == undefined درسته (چون فقط مقدار رو چک می‌کنه)، ولی null === undefined غلطه (چون نوع هم مهمه)! 🤯


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : Render Props

🟢 سوال :

‏کدام یک از این موارد یک Render Prop معتبر است؟

گزینه 1:
`<Component render={(data) => <p>{data}</p>} />`
گزینه 2:
`<Component data={(render) => <p>{render}</p>} />`
گزینه 3:
`<Component render={<p>{data}</p>} />`
گزینه 4:
`<Component render="data" />`

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

🟢 توضیح :

‏Render Prop باید یک تابع باشد که JSX برمی گرداند.


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

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

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

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

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

🟣 موضوع : ‏مفاهیم Promises برای برنامه‌نویسی غیرهمزمان

✨ نکته :

‏استفاده از Promise ها کدهات رو خیلی مرتب‌تر و خواناتر می‌کنه، دیگه از callback hell خبری نیست! 😎


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

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

آدرس کانال اصلی :
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


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

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

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

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

🟢 سوال :

‏document.getElementsByTagName('div') چه نوع داده‌ای باز می‌گرداند؟

گزینه 1:
NodeList
گزینه 2:
HTMLCollection
گزینه 3:
Array
گزینه 4:
Object

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

🟢 توضیح :

‏getElementsByTagName یک HTMLCollection برمی‌گرداند


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

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

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

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

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

🟣 موضوع : ‏Event Loop و چگونگی مدیریت Call Stack

🟢 سوال :

‏کدام یک از موارد زیر می‌تواند منجر به مسدود شدن طولانی مدت Call Stack و غیر پاسخگو شدن برنامه شود؟

گزینه 1:
‏استفاده زیاد از توابع غیرهمزمان.
گزینه 2:
‏انجام محاسبات سنگین به صورت همزمان.
گزینه 3:
‏فراخوانی توابع Callback زیاد در Message Queue.
گزینه 4:
‏استفاده کم از setTimeout.

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

🟢 توضیح :

‏انجام محاسبات سنگین یا هرگونه عملیات طولانی مدت به صورت همزمان می‌تواند Call Stack را مسدود کند و باعث شود برنامه برای مدتی پاسخگو نباشد.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏SWR برای استراتژی‌های Fetch پیشرفته

🟢 سوال :

‏پارامتر `revalidateOnFocus` در `useSWR` چه کاری انجام می‌دهد؟

گزینه 1:
‏واکشی مجدد هنگام focus شدن پنجره
گزینه 2:
‏واکشی مجدد در هر رندر
گزینه 3:
‏غیرفعال کردن واکشی مجدد
گزینه 4:
‏واکشی مجدد در صورت خطا

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

🟢 توضیح :

‏`revalidateOnFocus` تعیین می کند که آیا SWR باید هنگام focus شدن مجدد پنجره، داده‌ها را دوباره واکشی کند یا خیر.


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

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

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

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