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

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

🟣 موضوع : ‏آشنایی با 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