🔵 کوییز #React_js

🟣 موضوع : ‏Material‑UI (MUI) و کامپوننت‌های آماده

🟢 سوال :

‏کدام کامپوننت Material-UI برای نمایش لیستی از آیتم‌ها استفاده می‌شود؟

گزینه 1:
Card
گزینه 2:
AppBar
گزینه 3:
List
گزینه 4:
TextField

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

🟢 توضیح :

‏کامپوننت List برای نمایش لیست آیتم‌ها به کار می‌رود.


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

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

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

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

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

🟣 موضوع : ‏کار با ماژول‌های Node.js: fs، path و غیره

🟢 سوال :

‏کدام متد برای خواندن فایل به صورت همزمان (Sync) استفاده می‌شود؟

گزینه 1:
fs.readFile
گزینه 2:
fs.readFileSync
گزینه 3:
fs.openSync
گزینه 4:
fs.readlink

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

🟢 توضیح :

‏fs.readFileSync فایل را به‌صورت همزمان خوانده و رشته یا بافر نتیجه را برمی‌گرداند.


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

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

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

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

🔵 کوییز #React_js

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

🟢 سوال :

‏چگونه می‌توان ESLint را برای نادیده گرفتن یک فایل یا پوشه پیکربندی کرد؟

گزینه 1:
‏با استفاده از کامنت در فایل
گزینه 2:
‏با استفاده از فایل `.eslintignore`
گزینه 3:
‏با استفاده از تنظیمات ویرایشگر
گزینه 4:
‏با استفاده از فایل `package.json`

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

🟢 توضیح :

‏فایل `.eslintignore` لیستی از فایل‌ها و پوشه‌هایی است که ESLint نباید آن‌ها را بررسی کند.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏استفاده از WebSocket و Subscription در Apollo

🟢 سوال :

‏برای ارسال توکن احراز هویت به سرور هنگام اتصال WebSocket در connectionParams معمولاً آن را چگونه تعریف می‌کنند؟

گزینه 1:
‏تابعی که یک شیء برمی‌گرداند
گزینه 2:
‏رشته متنی
گزینه 3:
‏عدد
گزینه 4:
‏آرایه

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

🟢 توضیح :

‏با استفاده از تابع در connectionParams می‌توان توکن را به صورت پویا به هدرها اضافه کرد.


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

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

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

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

🔵 ویرایشگرهای کد

🟢 دوره آموزش جاوا اسکریپت

🟣 زبان فارسی

https://javascript7.ir/2024/12/08/%D9%88%DB%8C%D8%B1%D8%A7%DB%8C%D8%B4%DA%AF%D8%B1%D9%87%D8%A7%DB%8C-%DA%A9%D8%AF/

🎓 پکیج‌های طلایی آموزش برنامه‌نویسی از 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

🟣 موضوع : Render Props

✨ نکته :

‏قدرت اصلیش اینجاست که کامپوننت والد می‌تونه state یا متدهای خودشو به عنوان آرگومان به تابع تو پاس بده. دسترسی کامل! 🔑


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

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

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

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

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

🟣 موضوع : ‏تایپ کوئرینگ (Type Coercion) در جاوا اسکریپت

✨ نکته :

‏همیشه مواظب باش تا تایپ کوئرینگ ناخواسته باعث باگ‌های عجیب و غریب تو کد نشه. پیشگیری بهتر از درمانه! 🐛🩹


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏مدیریت Theme داینامیک

🟢 سوال :

‏چگونه می توان تم داینامیک را در یک کامپوننت React پیاده سازی کرد؟

گزینه 1:
‏استفاده از inline styles
گزینه 2:
‏استفاده از CSS modules
گزینه 3:
‏استفاده از Context API و Hooks
گزینه 4:
‏استفاده از JavaScript classes

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

🟢 توضیح :

‏Context API راه حلی مناسب برای به اشتراک گذاری state (از جمله theme) بین کامپوننت ها بدون نیاز به prop drilling است.


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

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

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

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

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

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

🟢 سوال :

‏تفاوت اصلی بین استفاده از element.className و element.classList برای مدیریت کلاس‌های CSS چیست؟

گزینه 1:
‏className فقط برای دریافت کلاس‌ها استفاده می‌شود و classList برای تغییر آن‌ها.
گزینه 2:
‏className یک رشته را برمی‌گرداند و تنظیم می‌کند، در حالی که classList یک شیء با متدهای کمکی فراهم می‌کند.
گزینه 3:
‏classList فقط می‌تواند یک کلاس را در یک زمان اضافه یا حذف کند.
گزینه 4:
‏هیچ تفاوت عملکردی وجود ندارد.

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

🟢 توضیح :

‏element.className یک رشته را برمی‌گرداند و تنظیم می‌کند که مدیریت چند کلاس را دشوار می‌کند، در حالی که element.classList یک رابط کاربری راحت‌تر و ساختارمندتر برای افزودن، حذف و بررسی کلاس‌ها فراهم می‌کند.


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

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

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

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

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

🟣 موضوع : ‏مبانی Prototype و وراثت پروتوتایپی

🟢 سوال :

‏اگر یک ویژگی با نام یکسان هم در خود شیء و هم در Prototype آن وجود داشته باشد، کدام ویژگی هنگام دسترسی به آن استفاده می‌شود؟

گزینه 1:
‏ویژگی موجود در Prototype.
گزینه 2:
‏به طور تصادفی یکی از آن‌ها.
گزینه 3:
‏ویژگی موجود در خود شیء (property shadowing).
گزینه 4:
‏بستگی به ترتیب ایجاد شیء و Prototype دارد.

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

🟢 توضیح :

‏وقتی یک ویژگی با نام یکسان هم در خود شیء و هم در Prototype آن وجود داشته باشد، ویژگی موجود در خود شیء اولویت دارد و "سایه"ای بر ویژگی Prototype می‌اندازد (property shadowing).


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

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

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


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

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

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

🟣 موضوع : ‏مدیریت درخواست‌ها با XMLHttpRequest

🟢 سوال :

‏مقدار readyState در XMLHttpRequest چه زمانی به 4 می رسد؟

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

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

🟢 توضیح :

‏readyState = 4 نشان می دهد که عملیات کامل شده است، یعنی پاسخ سرور دریافت شده و پردازش شده است.


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

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

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

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

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

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

🟢 سوال :

‏برای دسترسی به پاسخ به صورت XML از کدام ویژگی استفاده می‌شود؟

گزینه 1:
response
گزینه 2:
responseText
گزینه 3:
responseXML
گزینه 4:
status

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

🟢 توضیح :

‏responseXML پاسخ را به صورت Document XML برمی‌گرداند


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏Toast Notification با react‑toastify

🟢 سوال :

‏چگونه تعداد همزمان نمایش نوتیفیکیشن‌ها را محدود می‌کنیم؟

گزینه 1:
newestOnTop
گزینه 2:
limit
گزینه 3:
maxToast
گزینه 4:
pauseOnFocusLoss

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

🟢 توضیح :

‏پراپ limit حداکثر تعداد نوتیفیکیشن‌های همزمان را تنظیم می‌کند


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

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

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

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

💡 نکته #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