🔵 کوییز #React_js

🟣 موضوع : ‏Server-Side Rendering (SSR) با Next.js

🟢 سوال :

‏چگونه می‌توان داده‌ها را بین سرور و کلاینت در یک برنامه Next.js با SSR منتقل کرد؟

گزینه 1:
‏از طریق کوکی‌ها
گزینه 2:
‏از طریق localStorage
گزینه 3:
‏از طریق props
گزینه 4:
‏از طریق sessionStorage

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

🟢 توضیح :

‏داده‌ها را می‌توان از طریق props از `getServerSideProps` به کامپوننت‌های React منتقل کرد.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏ساخت Hook سفارشی (Custom Hooks)

🟢 سوال :

‏برای جلوگیری از حلقه‌های بی‌نهایت در custom Hook که از useEffect استفاده می‌کند، چه باید کرد؟

گزینه 1:
‏آرایه dependencies را به درستی تنظیم کنید.
گزینه 2:
‏از setState درون useEffect استفاده نکنید.
گزینه 3:
‏همیشه cleanup بنویسید.
گزینه 4:
‏از hook داخلی استفاده نکنید.

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

🟢 توضیح :

‏تنظیم دقیق آرایه dependencies در useEffect مانع اجرای مداوم و حلقه بی‌پایان خواهد شد.


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

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

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

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

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

🟣 موضوع : ‏تعامل با اشیاء (Objects) در جاوا اسکریپت

🟢 سوال :

‏کدام گزاره برای حذف یک ویژگی از یک شی در جاوا اسکریپت استفاده می شود؟

گزینه 1:
`remove property object.propertyName`
گزینه 2:
`delete object.propertyName`
گزینه 3:
`object.removeProperty(propertyName)`
گزینه 4:
`object.propertyName = null`

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

🟢 توضیح :

‏برای حذف یک ویژگی از شی، باید از گزاره `delete object.propertyName` استفاده کرد.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏ابزار Redux Toolkit

🟢 سوال :

‏کارکرد createAsyncThunk در RTK چیست؟

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

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

🟢 توضیح :

‏createAsyncThunk اکشن‌های pending، fulfilled و rejected را خودکار تولید و مدیریت می‌کند.


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

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

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

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

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

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

🟢 سوال :

‏مزیت اصلی استفاده از Virtual DOM در مقایسه با دستکاری مستقیم DOM چیست؟

گزینه 1:
‏کدنویسی ساده‌تر.
گزینه 2:
‏عملکرد بهتر به دلیل کاهش دستکاری‌های مستقیم DOM.
گزینه 3:
‏سازگاری بهتر با مرورگرهای قدیمی‌تر.
گزینه 4:
‏کاهش حجم کد نهایی برنامه.

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

🟢 توضیح :

‏دستکاری مستقیم DOM می‌تواند پرهزینه باشد و باعث رندرهای مجدد غیرضروری شود. Virtual DOM با بهینه‌سازی این فرایند، عملکرد بهتری را ارائه می‌دهد.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏مسیرهای پویا (Dynamic Routing)

🟢 سوال :

‏کدام یک از ویژگی‌های کامپوننت `Route` برای تعریف مسیرهای پویا استفاده می‌شود؟

گزینه 1:
`path`
گزینه 2:
`url`
گزینه 3:
`to`
گزینه 4:
`from`

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

🟢 توضیح :

‏ویژگی `path` در کامپوننت `Route` برای تعیین الگوی مسیر، از جمله مسیرهای پویا، استفاده می‌شود.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏Code Splitting با React.lazy و Suspense

🟢 سوال :

‏آیا Code Splitting فقط برای کامپوننت‌های React است؟

گزینه 1:
‏بله، فقط برای کامپوننت‌ها
گزینه 2:
‏خیر، می‌توان از آن برای route ها و سایر بخش‌های برنامه نیز استفاده کرد
گزینه 3:
‏فقط برای کامپوننت‌های class-based
گزینه 4:
‏فقط برای کامپوننت‌های functional

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

🟢 توضیح :

‏Code Splitting می‌تواند برای route ها، کتابخانه‌ها و سایر بخش‌های برنامه نیز اعمال شود. این به بهینه‌سازی اندازه بسته‌ها در کل برنامه کمک می‌کند.


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

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

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

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

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

🟣 موضوع : ‏تفاوت‌های سوییچ‌های جدید fetch و axios

🟢 سوال :

‏کدامیک از Cancel Request پشتیبانی می‌کند؟

گزینه 1:
`fetch`
گزینه 2:
`axios`
گزینه 3:
‏هر دو از ابتدا
گزینه 4:
‏هر دو با کتابخانه های جانبی

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

🟢 توضیح :

‏`axios` به صورت داخلی از لغو درخواست پشتیبانی می‌کند، در حالی که `fetch` نیاز به استفاده از AbortController دارد.


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

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

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

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

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

🟣 موضوع : ‏کار با ویژگی‌های dataset در المنت‌های HTML

🟢 سوال :

‏اگر نام صفت داده به شکل data-123name باشد، چگونه به آن دسترسی پیدا کنیم؟

گزینه 1:
element.dataset.123name
گزینه 2:
element.dataset['123name']
گزینه 3:
element.dataset._123name
گزینه 4:
‏خطا رخ می‌دهد

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

🟢 توضیح :

‏به علت شروع با عدد باید از bracket notation استفاده کرد


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

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

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

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

🔵 کوییز #مفاهیم_کلی_برنامه_نویسی

🟣 موضوع : ‏انواع زبان‌های برنامه‌نویسی: تفکیک بر اساس سطح، کاربرد، و سبک

🟢 سوال :

‏کدام یک از موارد زیر یک زبان برنامه‌نویسی برای توسعه نرم‌افزارهای سیستمی است؟

گزینه ۱:
‏پایتون (Python)

گزینه ۲:
‏جاوا (Java)

گزینه ۳:
‏سی (C)

گزینه ۴:
‏جاوا اسکریپت (JavaScript)



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

🟢 توضیح :

‏سی (C) یک زبان برنامه‌نویسی برای توسعه نرم‌افزارهای سیستمی است.

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

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

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

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

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

🟣 موضوع : ‏آشنایی با async و await

🟢 سوال :

‏اگر یک تابع async بدون استفاده از `await` فراخوانی شود چه اتفاقی می افتد؟

گزینه 1:
‏خطا رخ می دهد.
گزینه 2:
‏تابع همزمان اجرا می شود.
گزینه 3:
‏یک Promise برگردانده می شود.
گزینه 4:
‏هیچ اتفاقی نمی افتد.

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

🟢 توضیح :

‏وقتی یک تابع async فراخوانی می شود، همیشه یک Promise را برمی گرداند، حتی اگر `await` استفاده نشده باشد.


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

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

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

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

🔵 کوییز #React_js

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

🟢 سوال :

‏کدام یک از موارد زیر یک مزیت استفاده از `useContext` است؟

گزینه 1:
‏کد خواناتر و قابل فهم تر
گزینه 2:
‏performance بهتر
گزینه 3:
‏کاهش حجم bundle
گزینه 4:
‏امنیت بیشتر

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

🟢 توضیح :

‏`useContext` می تواند منجر به کد خواناتر و قابل فهم تر شود، به ویژه زمانی که state بین چندین کامپوننت به اشتراک گذاشته می شود.


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

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

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

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

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

🟣 موضوع : ‏ماژول‌های ES6 در مقابل CommonJS

🟢 سوال :

‏در CommonJS چگونه می‌توان چند مقدار مختلف را صادر کرد؟

گزینه 1:
‏تنها با module.exports به صورت شیء
گزینه 2:
‏با export default
گزینه 3:
‏با export یا export default
گزینه 4:
‏امکان ندارد

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

🟢 توضیح :

‏CommonJS با قراردادن چندین کلید در شیء module.exports چند مقدار را صادر می‌کند.


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

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

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

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

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

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

🟢 سوال :

‏خروجی پیش‌فرض ESLint در ترمینال چه فرمتی دارد؟

گزینه 1:
JSON
گزینه 2:
‏stylish (ظاهر متنی خوانا)
گزینه 3:
XML
گزینه 4:
YAML

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

🟢 توضیح :

‏ریپورتر پیش‌فرض ESLint با سبک stylish خروجی قابل‌خوانا نمایش می‌دهد


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

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

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

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

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

🟣 موضوع : ‏Template Literals و کاربرد آن‌ها در ساخت رشته‌ها

🟢 سوال :

‏کدام یک از موارد زیر روش سنتی (قبل از ES6) برای ساخت رشته‌ای مشابه با \نام: ${name}\ بود؟

گزینه 1:
‏'نام: ' + name;
گزینه 2:
‏"نام: " + name;
گزینه 3:
‏"نام: ${name}";
گزینه 4:
‏'نام: ${name}';

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

🟢 توضیح :

‏قبل از معرفی Template Literal در ECMAScript 6 (ES6)، برای ترکیب رشته‌ها و متغیرها از عملگر + (Concatenation) استفاده می‌شد که معمولاً خوانایی کمتری داشت.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏Snapshot Testing با Jest

🟢 سوال :

‏در چه شرایطی استفاده از snapshot testing مناسب نیست؟

گزینه 1:
‏برای داده‌های ثابت و ساده
گزینه 2:
‏برای تست عملکرد متدها
گزینه 3:
‏برای خروجی‌های بسیار پویا و متغیر
گزینه 4:
‏برای تست استایل‌ها

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

🟢 توضیح :

‏خروجی‌های پویا باعث می‌شوند که هر بار snapshot متفاوت باشد و باعث شکست مکرر تست شود.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏مدیریت مسیرها با React Router

🟢 سوال :

‏در React Router v5 برای ناوبری برنامه‌نویسی از چه هوکی استفاده می‌شود؟

گزینه 1:
useNavigate
گزینه 2:
useRouter
گزینه 3:
useHistory
گزینه 4:
navigate

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

🟢 توضیح :

‏useHistory.push برای ناوبری برنامه‌نویسی استفاده می‌شود.


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

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

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

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

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

🟣 موضوع : ‏پیاده‌سازی Socket.IO برای ارتباطات بلادرنگ

🟢 سوال :

‏چگونه می توان یک پیام را از سرور به یک کلاینت خاص ارسال کرد؟

گزینه 1:
‏با استفاده از `io.emit()`
گزینه 2:
‏با استفاده از `socket.broadcast.emit()`
گزینه 3:
‏با استفاده از `socket.emit()`
گزینه 4:
‏با استفاده از `io.to(socketId).emit()`

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

🟢 توضیح :

‏برای ارسال پیام به یک کلاینت خاص، باید از `io.to(socketId).emit()` استفاده کنید.


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

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

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

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

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

🟣 موضوع : ‏راهنمایی Debugging در مرورگر با استفاده از DevTools

🟢 سوال :

‏برای متوقف کردن اجرا هنگام بروز استثنا از کدام گزینه استفاده می‌شود؟

گزینه 1:
Pause on exceptions
گزینه 2:
Disable JavaScript
گزینه 3:
Throttling
گزینه 4:
Disable cache

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

🟢 توضیح :

‏گزینه Pause on exceptions باعث توقف اجرای اسکریپت هنگام پرتاب استثنا می‌شود.


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

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

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

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

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

🟣 موضوع : ‏راهنمایی Debugging در مرورگر با استفاده از DevTools

🟢 سوال :

‏وقتی یک خطا در کنسول DevTools ظاهر می شود، چه کاری باید انجام دهید؟

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

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

🟢 توضیح :

‏پنل Sources به شما امکان می دهد کد را بررسی کرده و منشاء خطا را پیدا کنید.


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

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

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

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