🔵 کوییز #React_js

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

🟢 سوال :

‏Emotion چیست؟

گزینه 1:
‏یک کتابخانه مسیریابی
گزینه 2:
‏یک ابزار تست
گزینه 3:
‏یک کتابخانه استایل‌دهی CSS-in-JS
گزینه 4:
‏یک فریم‌ورک توسعه بک‌اند

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

🟢 توضیح :

‏Emotion یک کتابخانه CSS-in-JS است که به شما امکان می‌دهد CSS را مستقیماً در جاوااسکریپت خود بنویسید.


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

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

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

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

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

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

🟢 سوال :

‏یک تابع Middleware در Express.js معمولاً چند آرگومان دریافت می‌کند؟

گزینه 1:
‏یک آرگومان (req).
گزینه 2:
‏دو آرگومان (req, res).
گزینه 3:
‏سه آرگومان (req, res, next).
گزینه 4:
‏چهار آرگومان (err, req, res, next) برای middleware مدیریت خطا.

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

🟢 توضیح :

‏یک middleware معمولی در Express.js سه آرگومان دریافت می‌کند: شیء درخواست (req), شیء پاسخ (res) و تابع next که برای انتقال کنترل به middleware بعدی در زنجیره استفاده می‌شود.


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

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

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

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

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

🟣 موضوع : ‏آینده جاوا اسکریپت: روندهای جدید و استانداردهای پیش رو (ECMAScript آینده)

🟢 سوال :

‏Top-level await در کدام نسخه ECMAScript به صورت رسمی اضافه شده است؟

گزینه 1:
ES2020
گزینه 2:
ES2021
گزینه 3:
ES2022
گزینه 4:
ES2023

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

🟢 توضیح :

‏Top-level await در ES2022 نهایی و به‌طور رسمی در دسترس قرار گرفت.


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

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

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

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

🔵 Beginner JavaScript Tutorial - 35 - Associative Arrays

🟢 کیفیت : متوسط

🔴 توجه کنید با تنظیمات خود تلگرام می توانید حجم و کیفیت ویدیو را بر اساس سرعت اینترنت خود تنظیم نمایید.

🟣 JavaScript Tutorials Playlist

🟢 زبان آموزش: انگلیسی


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

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

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

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

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

🟣 موضوع : ‏مفهوم Symbol و کاربردهای آن

🟢 سوال :

‏Symbolهای سراسری (Global Symbols) چگونه ایجاد می‌شوند؟

گزینه 1:
‏با استفاده از تابع Symbol.for(key)‎.
گزینه 2:
‏با تعریف یک متغیر سراسری با مقدار Symbol()‎.
گزینه 3:
‏با استفاده از کلمه کلیدی global Symbol(key)‎.
گزینه 4:
‏تمام Symbolها به طور پیش‌فرض سراسری هستند.

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

🟢 توضیح :

‏Symbolهای سراسری با استفاده از متد Symbol.for(key) ایجاد می‌شوند. این متد ابتدا بررسی می‌کند که آیا یک Symbol با کلید داده شده در رجیستری سراسری وجود دارد یا خیر. اگر وجود داشته باشد، آن را برمی‌گرداند؛ در غیر این صورت، یک Symbol جدید با آن کلید ایجاد و در رجیستری ثبت می‌کند.


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

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

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

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

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