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

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

🟢 سوال :

‏کدام یک از گزینه‌های زیر راه صحیح ایجاد یک Promise رد شده است؟

گزینه 1:
‏new Promise(() => reject('خطا'));
گزینه 2:
‏new Promise((resolve, reject) => reject('خطا'));
گزینه 3:
‏Promise.reject('خطا');
گزینه 4:
‏Promise.newReject('خطا');

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

🟢 توضیح :

‏Promise.reject(reason) یک Promise جدید ایجاد می‌کند که بلافاصله با دلیل مشخص شده رد می‌شود.


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

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

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

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

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

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

🟢 سوال :

‏کدام متد برای بررسی وجود یک کلاس در classList استفاده می‌شود؟

گزینه 1:
add
گزینه 2:
remove
گزینه 3:
contains
گزینه 4:
toggle

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

🟢 توضیح :

‏متد contains() برای بررسی وجود یک کلاس در classList کاربرد دارد.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏محافظت از مسیرها (Protected Routes)

🟢 سوال :

‏کدام یک از روش‌های زیر برای پیاده‌سازی Protected Routes مناسب‌تر است؟

گزینه 1:
‏استفاده از localStorage
گزینه 2:
‏استفاده از Redux
گزینه 3:
‏استفاده از یک کامپوننت HOC سفارشی یا یک کامپوننت Router سفارشی
گزینه 4:
‏استفاده از cookie ها

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

🟢 توضیح :

‏کامپوننت‌های HOC سفارشی یا کامپوننت‌های Router سفارشی، امکان کنترل دقیق‌تری بر اساس شرایط مختلف را فراهم می‌کنند.


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

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

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

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

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

🟣 موضوع : ‏کار با توابع Callback

🟢 سوال :

‏مشکل اصلی Callback Hell (یا Pyramid of Doom) چیست؟

گزینه 1:
‏کاهش سرعت اجرا
گزینه 2:
‏پیچیدگی و دشواری در خواندن و مدیریت کد توابع تو در تو
گزینه 3:
‏محدودیت در تعداد Callbackهای قابل استفاده
گزینه 4:
‏عدم امکان استفاده از متغیرهای محلی در Callback

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

🟢 توضیح :

‏Callback Hell زمانی رخ می‌دهد که چندین عملیات ناهمزمان به صورت تو در تو و با استفاده از Callbackها مدیریت شوند، که منجر به یک ساختار کد پیچیده و دشوار در خواندن و نگهداری می‌شود.


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

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

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

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

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

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

🟢 سوال :

‏Promise در چه حالتی reject می‌شود؟

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

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

🟢 توضیح :

‏وقتی یک خطا در حین اجرای عملیات غیرهمزمان رخ می‌دهد، Promise به حالت rejected در می‌آید.


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

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

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

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

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

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

🟢 سوال :

‏کدام متد برای به‌روزرسانی Virtual DOM در React استفاده می‌شود؟

گزینه 1:
`render()`
گزینه 2:
`setState()`
گزینه 3:
`update()`
گزینه 4:
`diff()`

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

🟢 توضیح :

‏متد `setState()` در React باعث می‌شود که Virtual DOM دوباره رندر شود و تغییرات اعمال شوند.


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

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

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

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

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

🟣 موضوع : ‏استفاده از Event Delegation

🟢 سوال :

‏کدام یک از محدودیت‌های احتمالی استفاده از Event Delegation است؟

گزینه 1:
‏عدم امکان استفاده از فاز Capturing.
گزینه 2:
‏مشکل در مدیریت رویدادهایی که در فاز Bubbling متوقف می‌شوند.
گزینه 3:
‏افزایش پیچیدگی کد.
گزینه 4:
‏کاهش قابلیت استفاده مجدد کد.

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

🟢 توضیح :

‏اگر رویدادی در یک عنصر فرزند با متد stopPropagation() متوقف شود، Listener متصل به عنصر والد آن را دریافت نخواهد کرد.


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

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

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

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

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

🟣 موضوع : ‏تعریف و استفاده از Middleware در Express.js

🟢 سوال :

‏چگونه یک Middleware سفارشی در Express.js تعریف می‌کنید؟

گزینه 1:
‏با استفاده از کلمه کلیدی `middleware`
گزینه 2:
‏با ایجاد یک تابع که `req`, `res`, و `next` را دریافت می‌کند
گزینه 3:
‏با استفاده از یک حلقه `for`
گزینه 4:
‏با تعریف یک کلاس

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

🟢 توضیح :

‏Middleware های سفارشی توابعی هستند که اشیاء درخواست (`req`), پاسخ (`res`), و تابع `next` را به عنوان آرگومان دریافت می‌کنند.


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

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

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

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

🔵 کوییز #React_js

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

🟢 سوال :

‏React Server Components کدام است؟

گزینه 1:
‏کامپوننت‌هایی که فقط در سمت کاربر اجرا می‌شوند
گزینه 2:
‏متدی جدید برای fetch داده در پرونده‌های JSON
گزینه 3:
‏کامپوننت‌هایی که بدون ارسال JavaScript اضافی به کلاینت در سرور رندر می‌شوند
گزینه 4:
‏کتابخانه جایگزین CSS-in-JS

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

🟢 توضیح :

‏Server Components روی سرور رندر شده و HTML خالص را ارسال می‌کنند بدون نیاز به ارسال JavaScript به کلاینت.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏استفاده از Context vs Redux: مقایسه و انتخاب

🟢 سوال :

‏در چه شرایطی استفاده از Context API نسبت به Redux ارجح است؟

گزینه 1:
‏زمانی که state بسیار پیچیده و نیاز به middleware دارد
گزینه 2:
‏زمانی که state ساده و محلی است
گزینه 3:
‏برای برنامه‌های بزرگ و مقیاس‌پذیر
گزینه 4:
‏هنگام نیاز به time-travel debugging

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

🟢 توضیح :

‏Context API برای state ساده و محلی مناسب‌تر است و نیاز به تنظیمات کم‌تری دارد.


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

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

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

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

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

🟣 موضوع : ‏مقدمه‌ای بر Express.js برای توسعه سمت سرور

🟢 سوال :

‏Express.js چیست؟

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

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

🟢 توضیح :

‏Express.js یک فریمورک مینی‌مال برای توسعه اپلیکیشن‌های وب در Node.js است.


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

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

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

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

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

🟣 موضوع : ‏تکنیک‌های Profiling و بهینه‌سازی عملکرد جاوا اسکریپت

🟢 سوال :

‏Function Debouncing چیست؟

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

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

🟢 توضیح :

‏Debouncing تضمین می‌کند که یک تابع فقط یک بار پس از اینکه یک سری رویدادها برای مدت زمان مشخصی متوقف شدند، اجرا شود.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏Suspense برای Data Fetching (آزمایشی)

🟢 سوال :

‏کدام hook به طور معمول با Suspense برای واکشی داده استفاده می شود؟

گزینه 1:
useState
گزینه 2:
useEffect
گزینه 3:
useTransition
گزینه 4:
useContext

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

🟢 توضیح :

‏`useTransition` اغلب با Suspense استفاده می شود تا انتقال ها را به صورت graceful تر انجام دهد و از نمایش فوری fallback جلوگیری کند.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏پروفایلینگ عملکرد با React DevTools

🟢 سوال :

‏چه زمانی باید از Profiler در React DevTools استفاده کرد؟

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

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

🟢 توضیح :

‏Profiler برای شناسایی و رفع مشکلات عملکردی در برنامه های React استفاده می شود.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏محافظت از مسیرها (Protected Routes)

🟢 سوال :

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

گزینه 1:
‏بر اساس IP کاربر
گزینه 2:
‏بر اساس زمان بازدید کاربر
گزینه 3:
‏بر اساس نقش کاربر یا سطح دسترسی او
گزینه 4:
‏بر اساس تعداد بازدیدهای کاربر

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

🟢 توضیح :

‏نقش کاربر یا سطح دسترسی او تعیین‌کننده اصلی مجوز دسترسی است.


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

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

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

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

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

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

🟢 سوال :

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

گزینه 1:
innerHTML
گزینه 2:
innerText
گزینه 3:
textContent
گزینه 4:
value

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

🟢 توضیح :

‏textContent فقط متن خام عنصر را برمی‌گرداند


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

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

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

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

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

🟣 موضوع : ‏کار با Object.create و Object.assign

🟢 سوال :

‏Object.assign هنگام کپی کردن properties با کلید symbol چه می‌کند؟

گزینه 1:
‏هیچ یک را کپی نمی‌کند
گزینه 2:
‏نمادها (symbol) را نیز مانند ویژگی‌های string کپی می‌کند
گزینه 3:
‏فقط نمادهای قابل‌شمارش را کپی می‌کند
گزینه 4:
‏نمادها را به صورت descriptor منتقل می‌کند

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

🟢 توضیح :

‏Object.assign تمام ویژگی‌های own از جمله symbolها را کپی می‌کند.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏پیاده‌سازی آزمون خودکار (Automated Testing)

🟢 سوال :

‏کدام متد برای مقایسه snapshot در Jest استفاده می‌شود؟

گزینه 1:
getByText
گزینه 2:
toMatchSnapshot
گزینه 3:
simulate
گزینه 4:
find

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

🟢 توضیح :

‏عبارت toMatchSnapshot خروجی فعلی را با snapshot ذخیره‌شده مقایسه می‌کند.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏Redirect و Navigate در React Router

🟢 سوال :

‏برای انتقال state همراه با ریدایرکت برنامه‌ریزی‌شده با useNavigate از چه نحوی استفاده می‌شود؟

گزینه 1:
history.push("/path", { from: "login" })
گزینه 2:
<Navigate to="/path" state={{ from: "login" }} />
گزینه 3:
window.location.href = "/path?from=login"
گزینه 4:
useNavigate("/path", { state: { from: "login" } })

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

🟢 توضیح :

‏در useNavigate می‌توان state را به‌عنوان آرگومان دوم ارسال کرد


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

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

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

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

🔵 کوییز #React_js

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

🟢 سوال :

‏کدام روش برای کامپوز کردن (ترکیب) کلاس‌های CSS Modules صحیح است؟

گزینه 1:
`className={styles.class1 + ' ' + styles.class2}`
گزینه 2:
`className={[styles.class1, styles.class2].join(' ')}`
گزینه 3:
`className={styles.class1 styles.class2}`
گزینه 4:
‏هر دو گزینه 1 و 2 صحیح هستند.

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

🟢 توضیح :

‏هر دو روش `className={styles.class1 + ' ' + styles.class2}` و `className={[styles.class1, styles.class2].join(' ')}` برای ترکیب کلاس‌های CSS Modules صحیح هستند.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏مدیریت فُرمت‌های تاریخ و زمان با date‑fns

🟢 سوال :

‏کدام تابع برای اضافه کردن یک ماه به یک تاریخ در date-fns استفاده می‌شود؟

گزینه 1:
addMonths
گزینه 2:
add
گزینه 3:
addToDate
گزینه 4:
plusMonths

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

🟢 توضیح :

‏تابع `addMonths` برای اضافه کردن تعداد مشخصی ماه به یک تاریخ استفاده می‌شود.


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

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

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

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