🔵 کوییز #React_js

🟣 موضوع : ‏Ant Design در React

🟢 سوال :

‏کدام کامپوننت Ant Design برای ایجاد تب (tab) استفاده می شود؟

گزینه 1:
Menu
گزینه 2:
Dropdown
گزینه 3:
Tabs
گزینه 4:
Steps

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

🟢 توضیح :

‏کامپوننت Tabs برای ایجاد رابط کاربری تب‌بندی شده استفاده می‌شود.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏مقدمه‌ای بر React.js و تاریخچه‌ی آن

🟢 سوال :

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

گزینه 1:
‏اپلیکیشن‌های وب
گزینه 2:
‏اپلیکیشن‌های دسکتاپ
گزینه 3:
‏اپلیکیشن‌های موبایل
گزینه 4:
‏اپلیکیشن‌های سرور

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

🟢 توضیح :

‏React Native برای توسعه اپلیکیشن‌های موبایل برای iOS و Android استفاده می‌شود.


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

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

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

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

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

🟣 موضوع : ‏تاریخچه برنامه‌نویسی: تکامل زبان‌ها و محیط‌های برنامه‌نویسی

🟢 سوال :

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

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

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

گزینه ۳:
‏کوبول (COBOL)

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



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

🟢 توضیح :

‏کوبول (COBOL) یک زبان برنامه‌نویسی قدیمی است که هنوز هم در برخی زمینه‌های مالی و بانکی استفاده می‌شود.

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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏Toast Notification با react‑toastify

🟢 سوال :

‏کدام گزینه برای تنظیم مدت زمان نمایش اعلان Toast استفاده می شود؟

گزینه 1:
position
گزینه 2:
autoClose
گزینه 3:
hideProgressBar
گزینه 4:
pauseOnHover

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

🟢 توضیح :

‏گزینه `autoClose` مدت زمانی را که اعلان Toast نمایش داده می شود، بر حسب میلی ثانیه تعیین می کند.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏کامپوننت‌های تابعی (Function Components)

🟢 سوال :

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

گزینه 1:
`state.count = 1;`
گزینه 2:
`this.setState({count: 1});`
گزینه 3:
`setCount(1);`
گزینه 4:
`count = 1;`

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

🟢 توضیح :

‏برای به‌روزرسانی state در کامپوننت‌های تابعی، باید از تابع setter که توسط `useState` برگردانده شده است، استفاده کرد.


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

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

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

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

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