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

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

🟣 موضوع : ‏آشنایی با Fetch API به عنوان جایگزین XMLHttpRequest

🟢 سوال :

‏Fetch API جایگزین کدام شیء برای درخواست‌های HTTP است؟

گزینه 1:
`HTMLHttpRequest`
گزینه 2:
`XMLHttpRequest`
گزینه 3:
`SOAPRequest`
گزینه 4:
`RESTRequest`

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

🟢 توضیح :

‏Fetch API نسل جدیدی است که جایگزین XMLHttpRequest برای انجام درخواست‌های HTTP شده است.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏اجرای کوئری و Mutation در Apollo

🟢 سوال :

‏کدام گزینه بهترین روش برای مدیریت خطاهای mutation در Apollo Client است؟

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

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

🟢 توضیح :

‏نمایش پیغام خطا به کاربر بهترین روش برای اطلاع رسانی از وقوع خطا است.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏Hook پیشرفته: `useMemo`

🟢 سوال :

‏کدام یک از این موارد دلیل استفاده از `useMemo` نیست؟

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

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

🟢 توضیح :

‏`useMemo` برای ساده کردن کد نیست، بلکه برای بهینه سازی است.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏Static Site Generation (SSG) با Next.js

🟢 سوال :

‏متد getStaticPaths در صفحات داینامیک برای چیست؟

گزینه 1:
‏مشخص کردن مسیرهای داینامیک برای SSG
گزینه 2:
‏تعریف ریدایرکت‌ها در زمان Build
گزینه 3:
‏ایجاد API داخلی
گزینه 4:
‏بارگذاری کامپوننت‌ها به صورت پویا

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

🟢 توضیح :

‏getStaticPaths مسیرهای داینامیک را برای تولید صفحات استاتیک مشخص می‌کند.


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

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

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

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

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

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

🟢 سوال :

‏کدام متد ماژول 'path' برای به دست آوردن دایرکتوری یک مسیر استفاده می‌شود؟

گزینه 1:
dirname
گزینه 2:
basename
گزینه 3:
extname
گزینه 4:
filename

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

🟢 توضیح :

‏متد 'dirname' دایرکتوری یک مسیر را استخراج می‌کند.


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

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

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

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

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

🟣 موضوع : ‏آشنایی با ES6 و ویژگی‌های جدید جاوا اسکریپت

🟢 سوال :

‏کدام یک از موارد زیر اپراتور گسترش (Spread Operator) در ES6 است؟

گزینه 1:
...
گزینه 2:
&&&
گزینه 3:
|||
گزینه 4:
%%%

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

🟢 توضیح :

‏اپراتور گسترش با `...` نشان داده می‌شود و برای گسترش یک آرایه یا شیء در مکان‌های مختلف استفاده می‌شود.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏React.Fragment و کوتاه‌شده‌ی آن (`<>…</>`)

🟢 سوال :

‏در React.js وقتی چند المان مجاور را بدون عنصر والد اضافی بازمی‌گردانیم، از چه چیزی استفاده می‌کنیم؟

گزینه 1:
React.Fragment
گزینه 2:
React.Component
گزینه 3:
React.Portal
گزینه 4:
React.StrictMode

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

🟢 توضیح :

‏React.Fragment برای گروه‌بندی المان‌ها بدون ایجاد DOM اضافی استفاده می‌شود.


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

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

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

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

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

🟣 موضوع : ‏ساخت یک سرور ساده با Node.js

🟢 سوال :

‏کدام متد برای خاتمه دادن به پاسخ HTTP در Node.js استفاده می شود؟

گزینه 1:
close()
گزینه 2:
end()
گزینه 3:
finish()
گزینه 4:
terminate()

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

🟢 توضیح :

‏متد end() سیگنال پایان پاسخ را می فرستد و اتصال را می بندد.


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

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

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

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

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

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

🟢 سوال :

‏چه زمانی استفاده از Memoization ممکن است منجر به کاهش عملکرد شود؟

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

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

🟢 توضیح :

‏اگر محاسبات تابع بسیار سبک باشد، سربار بررسی Cache ممکن است از صرفه‌جویی ناشی از Memoization بیشتر باشد. همچنین، اگر تعداد ورودی‌های منحصر به فرد زیاد باشد، Cache می‌تواند به سرعت بزرگ شده و مصرف حافظه را افزایش دهد.


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

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

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

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