🔵 کوییز #React_js

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

🟢 سوال :

‏هدف اصلی از استفاده از Protected Routes چیست؟

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

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

🟢 توضیح :

‏هدف اصلی محافظت از داده‌ها و عملکردهای حساس برنامه است.


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

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

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

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

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

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

🟢 سوال :

‏متد .catch() برای چه منظوری در Promises استفاده می‌شود؟

گزینه 1:
‏تعریف عمل بعد از انجام شدن Promise
گزینه 2:
‏تعریف عمل بعد از رد شدن Promise
گزینه 3:
‏تعریف عمل برای هر دو حالت انجام و رد شدن
گزینه 4:
‏تعریف حالت نهایی Promise

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

🟢 توضیح :

‏متد .catch() یک تابع callback را می‌گیرد که پس از آنکه Promise رد شود، اجرا خواهد شد.


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

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

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

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

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

🟣 موضوع : ‏کار با Test Runnerها و ابزارهای تست end-to-end

🟢 سوال :

‏کدام یک از این ابزارها برای اتوماسیون تست‌های UI وب اپلیکیشن‌ها استفاده می‌شود و امکان تعامل با عناصر صفحه را فراهم می‌کند؟

گزینه 1:
npm
گزینه 2:
yarn
گزینه 3:
Selenium
گزینه 4:
babel

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

🟢 توضیح :

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


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

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

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

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

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

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

🟢 سوال :

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

گزینه 1:
object.newProperty = value;
گزینه 2:
object:newProperty = value;
گزینه 3:
addProperty(object, 'newProperty', value);
گزینه 4:
object['newProperty'] = value;

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

🟢 توضیح :

‏برای افزودن یک ویژگی جدید به یک شیء موجود، می‌توانید مستقیماً با استفاده از علامت نقطه (.) یا براکت ([]) و انتساب یک مقدار به آن، ویژگی جدید را تعریف کنید.


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

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

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

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

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

🟣 موضوع : ‏مفاهیم مربوط به Single Page Applications (SPA)

🟢 سوال :

‏مفهوم SPA چیست؟

گزینه 1:
‏برنامه‌ای که در مرورگر بدون بارگذاری مجدد صفحه اجرا می‌شود
گزینه 2:
‏برنامه‌ای که روی سرور اجرا می‌شود
گزینه 3:
‏برنامه‌ای که از چند صفحه تشکیل شده
گزینه 4:
‏برنامه‌ای که با PHP نوشته می‌شود

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

🟢 توضیح :

‏برنامه‌هایی که تمام اجزای لازم را بارگذاری می‌کنند و تعاملات بعدی بدون بارگذاری مجدد انجام می‌شود.


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

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

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

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

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

🟣 موضوع : ‏تفکیک و جداسازی کد: اصول Refactoring برای بهبود ساختار کد

🟢 سوال :

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

گزینه ۱:
‏تغییر نام متغیرها و توابع به نام‌های گویاتر

گزینه ۲:
‏استخراج یک قطعه کد به یک تابع جدید

گزینه ۳:
‏افزودن کامنت‌های بیشتر برای توضیح کد پیچیده

گزینه ۴:
‏جایگزینی یک الگوریتم با یک الگوریتم کارآمدتر



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

🟢 توضیح :

‏جایگزینی الگوریتم معمولاً با هدف بهبود عملکرد انجام می‌شود، در حالی که بازسازی بر بهبود ساختار و خوانایی بدون تغییر رفتار تمرکز دارد.

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

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

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

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

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

🟣 موضوع : ‏مقدمه‌ای بر Angular و مبانی آن

🟢 سوال :

‏سرویس (Service) در Angular چیست؟

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

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

🟢 توضیح :

‏سرویس‌ها در Angular برای سازماندهی و به اشتراک‌گذاری منطق برنامه که مختص یک کامپوننت نیست، استفاده می‌شوند. آن‌ها معمولاً برای کارهایی مانند دریافت داده‌ها از سرور، لاگینگ و مدیریت وضعیت استفاده می‌شوند و از طریق Dependency Injection در کامپوننت‌ها تزریق می‌شوند.


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

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

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

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

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

🟣 موضوع : ‏تاریخچه و تکامل جاوا اسکریپت

🟢 سوال :

‏کدام یک از موارد زیر یک کتابخانه تست جاوا اسکریپت است؟

گزینه 1:
Webpack
گزینه 2:
Babel
گزینه 3:
Jest
گزینه 4:
npm

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

🟢 توضیح :

‏Jest یک کتابخانه محبوب تست جاوا اسکریپت است که توسط Facebook توسعه یافته است.


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

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

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

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

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

🟣 موضوع : ‏آشنایی با Babel برای تبدیل کد ES6 به نسخه‌های قدیمی‌تر

🟢 سوال :

‏کدام یک از موارد زیر یک مثال از ویژگی‌های ES6 است که Babel می‌تواند آن را به ES5 تبدیل کند؟

گزینه ۱:
‏حلقه‌های for...in

گزینه ۲:
‏توابع عادی

گزینه ۳:
‏توابع arrow

گزینه ۴:
‏دستور switch

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

🟢 توضیح :

‏توابع arrow یک ویژگی ES6 هستند که Babel می‌تواند آنها را به توابع عادی ES5 تبدیل کند.

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

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

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

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

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