🔵 کوییز #React_js

🟣 موضوع : ‏Props: تعاریف و کاربردها

🟢 سوال :

‏propTypes در React چه کاربردی دارد؟

گزینه 1:
‏تعریف استایل
گزینه 2:
‏مدیریت state
گزینه 3:
‏اعتبارسنجی نوع propها
گزینه 4:
‏متد لایف‌سایکل

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

🟢 توضیح :

‏propTypes با مشخص کردن نوع داده‌های props به اعتبارسنجی آن‌ها کمک می‌کند.


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

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

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

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

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

🟣 موضوع : ‏آشنایی با Package Managerهایی مانند npm و yarn

🟢 سوال :

‏کدام یک از دستورات زیر برای اجرای یک اسکریپت تعریف شده در فایل package.json در npm استفاده می‌شود؟

گزینه 1:
npm run <script-name>
گزینه 2:
npm execute <script-name>
گزینه 3:
npm start <script-name>
گزینه 4:
npm do <script-name>

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

🟢 توضیح :

‏دستور npm run <script-name> اسکریپتی را که در بخش scripts فایل package.json تعریف شده است اجرا می‌کند.


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

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

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

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

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

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

🟢 سوال :

‏کدام ویژگی Template Literal به شما امکان می‌دهد به راحتی متغیرها را درون رشته قرار دهید؟

گزینه 1:
Concatenation
گزینه 2:
Interpolation
گزینه 3:
Escaping
گزینه 4:
Templating

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

🟢 توضیح :

‏ویژگی Interpolation در Template Literal به شما اجازه می‌دهد با استفاده از علامت‌های ${} متغیرها یا هر عبارت جاوا اسکریپتی را درون رشته جاسازی کنید.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏مدیریت Theme داینامیک

🟢 سوال :

‏کدام بسته کمک می‌کند CSS variables را به صورت خودکار برای تم دینامیک پیاده‌سازی کنیم؟

گزینه 1:
css-vars-ponyfill
گزینه 2:
styled-components
گزینه 3:
emotion
گزینه 4:
theme-ui

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

🟢 توضیح :

‏css-vars-ponyfill به مرورگرهای قدیمی CSS variables را شبیه‌سازی می‌کند.


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

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

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

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

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

🟣 موضوع : ‏استفاده از Helmet برای بهبود امنیت Express.js

🟢 سوال :

‏کدام یک از middlewareهای ارائه شده توسط Helmet هدر Content-Security-Policy را تنظیم می‌کند که به شما امکان می‌دهد منابع مجاز برای بارگیری در صفحه خود را کنترل کنید؟

گزینه 1:
helmet.referrerPolicy()
گزینه 2:
helmet.featurePolicy()
گزینه 3:
helmet.contentSecurityPolicy()
گزینه 4:
helmet.dnsPrefetchControl()

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

🟢 توضیح :

‏middleware helmet.contentSecurityPolicy() (CSP) یک لایه امنیتی قدرتمند است که به شما امکان می‌دهد منابعی (مانند اسکریپت‌ها، استایل‌ها، تصاویر) که مرورگر مجاز به بارگیری برای صفحه شما است را مشخص کنید.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏بارگذاری فایل (File Upload)

🟢 سوال :

‏چگونه می‌توان پیش‌نمایش یک تصویر آپلود شده را در React نمایش داد؟

گزینه 1:
‏با استفاده از کتابخانه jQuery
گزینه 2:
‏با استفاده از المان `<video>`
گزینه 3:
‏با استفاده از المان `<img>` و داده‌های Base64
گزینه 4:
‏با استفاده از CSS

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

🟢 توضیح :

‏می‌توان با استفاده از `FileReader` فایل تصویر را به Base64 تبدیل و در المان `<img>` نمایش داد.


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

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

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

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

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