🔵 کوییز #React_js

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

🟢 سوال :

‏برای تعریف یک مسیر محافظت‌شده در React Router، معمولاً باید از چه روش یا کامپوننتی استفاده کرد؟

گزینه 1:
‏کامپوننت PrivateRoute
گزینه 2:
‏prop secure در Route
گزینه 3:
‏استفاده از GuardRoute
گزینه 4:
‏هوک useProtect

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

🟢 توضیح :

‏معمولاً با ساخت یک کامپوننت PrivateRoute، منطق محافظت مسیر جدا می‌شود.


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

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

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

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

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

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

🟢 سوال :

‏چه زمانی مناسب است که از event delegation استفاده کنیم؟

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

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

🟢 توضیح :

‏وقتی تعداد زیادی عنصر مشابه داریم ثبت listener در والد بهینه‌تر است


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

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

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

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

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

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

🟢 سوال :

‏آیا می‌توان Prototype یک شیء را پس از ایجاد آن تغییر داد؟

گزینه 1:
‏بله، با استفاده از Object.setPrototypeOf()‎.
گزینه 2:
‏بله، با تغییر مستقیم ویژگی __proto__.
گزینه 3:
‏هر دو مورد اول.
گزینه 4:
‏خیر، Prototype یک شیء پس از ایجاد آن قابل تغییر نیست.

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

🟢 توضیح :

‏می‌توانید Prototype یک شیء را پس از ایجاد آن با استفاده از Object.setPrototypeOf(obj, newProto) یا به طور غیر استاندارد با تغییر مستقیم obj.__proto__ = newProto تغییر دهید.


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

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

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

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

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

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

🟢 سوال :

‏کد وضعیت HTTP 200 معمولاً نشان دهنده چیست؟

گزینه 1:
‏درخواست با خطا مواجه شده است.
گزینه 2:
‏درخواست با موفقیت دریافت و پردازش شده است.
گزینه 3:
‏سرور در حال پردازش درخواست است.
گزینه 4:
‏صفحه مورد نظر یافت نشد.

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

🟢 توضیح :

‏کد وضعیت HTTP 200 OK نشان می‌دهد که درخواست با موفقیت دریافت، پردازش و پاسخ داده شده است.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏State: مدیریت حالت داخلی کامپوننت

🟢 سوال :

‏کدام متد برای بروزرسانی state در کامپوننت‌های کلاسیک React استفاده می‌شود؟

گزینه 1:
setState
گزینه 2:
updateState
گزینه 3:
this.state = {...}
گزینه 4:
useState

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

🟢 توضیح :

‏در کامپوننت‌های کلاسیک برای تغییر state باید از متد setState استفاده کرد.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏تست End-to-End با Cypress

🟢 سوال :

‏برای اجرای تست‌های مشخص باید از چه پرچمی استفاده کنیم؟

گزینه 1:
npx cypress run --spec "path"
گزینه 2:
npx cypress open
گزینه 3:
npm run e2e
گزینه 4:
yarn e2e

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

🟢 توضیح :

‏پرچم --spec مسیر فایل‌های تست را برای اجرا تعیین می‌کند.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏نوشتن مستند کامپوننت با Storybook

🟢 سوال :

‏مزیت استفاده از Storybook در یک پروژه React چیست؟

گزینه 1:
‏افزایش سرعت لود برنامه
گزینه 2:
‏بهبود سئو
گزینه 3:
‏توسعه سریعتر و منظم تر کامپوننت ها
گزینه 4:
‏کاهش حجم فایل های JavaScript

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

🟢 توضیح :

‏Storybook به توسعه دهندگان اجازه می دهد تا کامپوننت ها را به صورت ایزوله توسعه دهند که منجر به توسعه سریعتر و منظم تر می شود.


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

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

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

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

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

🟣 موضوع : ‏استفاده از حلقه‌های for، while و do-while

🟢 سوال :

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

گزینه 1:
for
گزینه 2:
do-while
گزینه 3:
while
گزینه 4:
for...of

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

🟢 توضیح :

‏حلقه while تا زمانی که عبارت شرطی داخل پرانتز true ارزیابی شود، به اجرای بلوک کد خود ادامه می‌دهد. اگر شرط در ابتدا false باشد، بلوک کد هرگز اجرا نمی‌شود.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏SWR برای استراتژی‌های Fetch پیشرفته

🟢 سوال :

‏SWR چگونه به بهبود عملکرد کمک می کند؟

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

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

🟢 توضیح :

‏SWR به بهبود عملکرد کمک می کند از طریق کاهش درخواست های شبکه، ذخیره سازی داده ها و ارائه یک API ساده.


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

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

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

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

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

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

🟢 سوال :

‏اگر یک Promise با استفاده از await رد شود، چه اتفاقی می‌افتد؟

گزینه 1:
‏اجرای برنامه متوقف می‌شود.
گزینه 2:
‏یک خطا (Exception) پرتاب می‌شود.
گزینه 3:
‏مقدار undefined برگردانده می‌شود.
گزینه 4:
‏Promise نادیده گرفته می‌شود.

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

🟢 توضیح :

‏وقتی یک Promise رد شده با await مواجه می‌شود، یک خطا (Exception) پرتاب می‌شود که باید با بلاک try...catch مدیریت شود.


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

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

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

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

🔵 کوییز #React_js

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

🟢 سوال :

‏برای دسترسی به موقعیت جاری مسیر در React Router v6 از کدام هوک استفاده می‌شود؟

گزینه 1:
useNavigate
گزینه 2:
useHistory
گزینه 3:
useLocation
گزینه 4:
useParams

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

🟢 توضیح :

‏useLocation اطلاعات مربوط به مسیر فعلی را فراهم می‌کند


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

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

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

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

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

🟣 موضوع : ‏مفاهیم REST API در جاوا اسکریپت

🟢 سوال :

‏در یک REST API، منابع چگونه شناسایی می‌شوند؟

گزینه 1:
‏با استفاده از نام توابع
گزینه 2:
‏با استفاده از کلمات کلیدی خاص
گزینه 3:
‏با استفاده از شناسه‌های یکتا در URLها (URIها)
گزینه 4:
‏با استفاده از متغیرهای سراسری

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

🟢 توضیح :

‏منابع در REST API از طریق شناسه‌های یکتا در URLها (Uniform Resource Identifiers) شناسایی می‌شوند.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏استایل‌دهی با Emotion

🟢 سوال :

‏در Server-Side Rendering با Emotion برای استخراج استایل‌ها باید از چه چیزی استفاده کرد؟

گزینه 1:
renderToString
گزینه 2:
extractStyles
گزینه 3:
serializeStyles
گزینه 4:
extractCritical

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

🟢 توضیح :

‏تابع extractCritical از بسته '@emotion/server' برای استخراج استایل‌های CSS در SSR بکار می‌رود.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏تست e2e با Playwright

🟢 سوال :

‏Playwright برای تست E2E در React چه چیزی ارائه می دهد؟

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

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

🟢 توضیح :

‏Playwright تمام این ویژگی ها را برای تست E2E ارائه می دهد.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏مدیریت فُرمت‌های تاریخ و زمان با Moment.js

🟢 سوال :

‏کدام متد Moment.js برای تبدیل تاریخ به فرمت محلی استفاده می‌شود؟

گزینه 1:
toLocaleString()
گزینه 2:
toLocaleFormat()
گزینه 3:
local()
گزینه 4:
format('L')

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

🟢 توضیح :

‏`format('L')` یک راه آسان برای نمایش تاریخ در فرمت محلی است. همچنین می توانید از `format('LL')` و غیره برای فرمت های دیگر استفاده کنید.


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

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

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

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

🔵 کوییز #React_js

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

🟢 سوال :

‏Store در Redux چه نقشی دارد؟

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

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

🟢 توضیح :

‏Store یک شی است که وضعیت کل برنامه را در خود نگه می‌دارد. تنها راه برای تغییر وضعیت، ارسال یک action به store است.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏تفاوت React.js و React Native

🟢 سوال :

‏کدام کتابخانه برای انیمیشن در React.js معمولاً استفاده می‌شود؟

گزینه 1:
onClick
گزینه 2:
Gesture Responder
گزینه 3:
TouchableOpacity
گزینه 4:
React Spring

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

🟢 توضیح :

‏React Spring یک کتابخانه انیمیشن برای React.js است.


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

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

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

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

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

🟣 موضوع : ‏مبانی Module Bundling با Webpack، Rollup و Parcel

🟢 سوال :

‏کدام Bundler می‌تواند فایل‌های CSS و تصاویر را نیز مدیریت کند؟

گزینه 1:
‏فقط Webpack
گزینه 2:
‏فقط Parcel
گزینه 3:
‏همه آن‌ها
گزینه 4:
‏فقط Rollup

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

🟢 توضیح :

‏Webpack, Rollup و Parcel همگی قابلیت مدیریت فایل‌های CSS، تصاویر و سایر دارایی‌ها را دارند.


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

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

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

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

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

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

🟢 سوال :

‏برای پردازش document.cookie و استخراج نام و مقدار کوکی چه کار می‌کنیم؟

گزینه 1:
JSON.parse(document.cookie)
گزینه 2:
‏split("; ") و سپس split("=")
گزینه 3:
decodeURI(document.cookie)
گزینه 4:
replace(";","")

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

🟢 توضیح :

‏ابتدا کوکی‌ها را با split("; ") و سپس هر قسمت را با split("=") به نام و مقدار می‌شکنیم.


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

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

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

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

🔵 کوییز #React_js

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

🟢 سوال :

‏رفتار اصلی کامپوننت Navigate چیست؟

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

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

🟢 توضیح :

‏Navigate با تغییر URL به آدرس جدید ریدایرکت واقعی انجام می‌دهد


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

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

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

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