🔵 کوییز #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

💡 نکته #React_js

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

✨ نکته :

‏مهم‌ترین نکته اینه که کل تیم روی قوانین به توافق برسن. این ابزارها برای هماهنگی و کار تیمی عالی‌ان، پس با هم تصمیم بگیرید. 👨‍💻👩‍💻


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏مقدمه‌ای بر React.js و تاریخچه‌ی آن

🟢 سوال :

‏هدف hook useEffect در React چیست؟

گزینه 1:
‏به‌روزرسانی state
گزینه 2:
‏ایجاد عناصر DOM
گزینه 3:
‏اجرای side-effect بعد از رندر
گزینه 4:
‏مسیریابی

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

🟢 توضیح :

‏useEffect برای انجام side-effect مانند فراخوانی API بعد از رندر کاربرد دارد.


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

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

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

🟣 موضوع : ‏تحلیل Bundle با webpack Bundle Analyzer

🟢 سوال :

‏چه افزونه‌ای در webpack مسئول تولید خودکار گزارش Bundle Analyzer است؟

گزینه 1:
CompressionPlugin
گزینه 2:
BundleAnalyzerPlugin
گزینه 3:
HotModuleReplacementPlugin
گزینه 4:
DefinePlugin

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

🟢 توضیح :

‏BundleAnalyzerPlugin افزونه‌ای است که در webpack.config.js برای تولید گزارش آنالیز باندل استفاده می‌شود.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏نوشتن مستند کامپوننت با Storybook

🟢 سوال :

‏Storybook چیست؟

گزینه 1:
‏یک فریم ورک CSS
گزینه 2:
‏یک ابزار تست E2E
گزینه 3:
‏یک محیط توسعه برای کامپوننت های UI
گزینه 4:
‏یک دیتابیس NoSQL

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

🟢 توضیح :

‏Storybook یک محیط توسعه برای ساخت و نمایش کامپوننت های UI به صورت جداگانه است.


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

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

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

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