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

🟣 موضوع : ‏مدیریت درخواست‌ها با XMLHttpRequest

🟢 سوال :

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

گزینه 1:
open
گزینه 2:
get
گزینه 3:
send
گزینه 4:
post

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

🟢 توضیح :

‏متد send برای ارسال درخواست به سرور استفاده می‌شود.


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

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

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

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

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

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

🟢 سوال :

‏برای تغییر سرعت پخش یک انیمیشن CSS در جاوااسکریپت کدام ویژگی را تغییر می‌دهیم؟

گزینه 1:
animationTimingFunction
گزینه 2:
animationIterationCount
گزینه 3:
animationDuration
گزینه 4:
animationDelay

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

🟢 توضیح :

‏خاصیت animationDuration مدت زمان اجرای انیمیشن را تعیین می‌کند.


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

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

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

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

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

🟣 موضوع : ‏تفاوت بین Controlled و Uncontrolled Components

🟢 سوال :

‏آیا می‌توان از ترکیب Controlled و Uncontrolled Components در یک فرم React استفاده کرد؟

گزینه 1:
‏خیر، باید تمام عناصر فرم یا Controlled یا Uncontrolled باشند.
گزینه 2:
‏بله، می‌توان عناصر Controlled و Uncontrolled را در یک فرم ترکیب کرد، اما مدیریت آن‌ها ممکن است پیچیده‌تر شود.
گزینه 3:
‏فقط در صورتی که از Ref برای دسترسی به مقادیر Controlled Components استفاده شود.
گزینه 4:
‏فقط در صورتی که از یک کتابخانه مدیریت فرم third-party استفاده شود.

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

🟢 توضیح :

‏ترکیب Controlled و Uncontrolled Components امکان‌پذیر است اما ممکن است مدیریت و هماهنگی داده‌ها بین آن‌ها را دشوارتر کند.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏React Native برای توسعه موبایل

🟢 سوال :

‏برای ناوبری بین صفحات در React Native از چه کتابخانه‌ای استفاده می‌شود؟

گزینه 1:
React Router
گزینه 2:
React Navigation
گزینه 3:
Navigation React
گزینه 4:
Router

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

🟢 توضیح :

‏React Navigation یک کتابخانه محبوب برای مدیریت ناوبری بین صفحات در React Native است.


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

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

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

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

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