🔵 کوییز #React_js

🟣 موضوع : ‏Static Site Generation (SSG) با Next.js

🟢 سوال :

‏متد getStaticPaths در صفحات داینامیک برای چیست؟

گزینه 1:
‏مشخص کردن مسیرهای داینامیک برای SSG
گزینه 2:
‏تعریف ریدایرکت‌ها در زمان Build
گزینه 3:
‏ایجاد API داخلی
گزینه 4:
‏بارگذاری کامپوننت‌ها به صورت پویا

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

🟢 توضیح :

‏getStaticPaths مسیرهای داینامیک را برای تولید صفحات استاتیک مشخص می‌کند.


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

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

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

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

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

🟣 موضوع : ‏کار با ماژول‌های Node.js: fs، path و غیره

🟢 سوال :

‏کدام متد ماژول 'path' برای به دست آوردن دایرکتوری یک مسیر استفاده می‌شود؟

گزینه 1:
dirname
گزینه 2:
basename
گزینه 3:
extname
گزینه 4:
filename

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

🟢 توضیح :

‏متد 'dirname' دایرکتوری یک مسیر را استخراج می‌کند.


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

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

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

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

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

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

🟢 سوال :

‏کدام یک از موارد زیر اپراتور گسترش (Spread Operator) در ES6 است؟

گزینه 1:
...
گزینه 2:
&&&
گزینه 3:
|||
گزینه 4:
%%%

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

🟢 توضیح :

‏اپراتور گسترش با `...` نشان داده می‌شود و برای گسترش یک آرایه یا شیء در مکان‌های مختلف استفاده می‌شود.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏React.Fragment و کوتاه‌شده‌ی آن (`<>…</>`)

🟢 سوال :

‏در React.js وقتی چند المان مجاور را بدون عنصر والد اضافی بازمی‌گردانیم، از چه چیزی استفاده می‌کنیم؟

گزینه 1:
React.Fragment
گزینه 2:
React.Component
گزینه 3:
React.Portal
گزینه 4:
React.StrictMode

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

🟢 توضیح :

‏React.Fragment برای گروه‌بندی المان‌ها بدون ایجاد DOM اضافی استفاده می‌شود.


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

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

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

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

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

🟣 موضوع : ‏ساخت یک سرور ساده با Node.js

🟢 سوال :

‏کدام متد برای خاتمه دادن به پاسخ HTTP در Node.js استفاده می شود؟

گزینه 1:
close()
گزینه 2:
end()
گزینه 3:
finish()
گزینه 4:
terminate()

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

🟢 توضیح :

‏متد end() سیگنال پایان پاسخ را می فرستد و اتصال را می بندد.


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

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

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

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

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

🟣 موضوع : ‏کاربرد Memoization در بهینه‌سازی کد

🟢 سوال :

‏چه زمانی استفاده از Memoization ممکن است منجر به کاهش عملکرد شود؟

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

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

🟢 توضیح :

‏اگر محاسبات تابع بسیار سبک باشد، سربار بررسی Cache ممکن است از صرفه‌جویی ناشی از Memoization بیشتر باشد. همچنین، اگر تعداد ورودی‌های منحصر به فرد زیاد باشد، Cache می‌تواند به سرعت بزرگ شده و مصرف حافظه را افزایش دهد.


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

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

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

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

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

🟣 موضوع : ‏مدیریت رویدادها (Events) در مرورگر

🟢 سوال :

‏کدام رویداد زمانی اتفاق می‌افتد که کاربر یک عنصر HTML را کلیک می‌کند؟

گزینه 1:
onmouseover
گزینه 2:
onclick
گزینه 3:
onchange
گزینه 4:
onkeydown

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

🟢 توضیح :

‏رویداد onclick زمانی فعال می‌شود که کاربر یک عنصر HTML را کلیک می‌کند.


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

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

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

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

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

🟣 موضوع : ‏تعریف و تفاوت متغیرها با var، let و const

🟢 سوال :

‏کدام کلیدواژه به شما امکان می دهد یک متغیر با محدوده بلوکی ایجاد کنید که مقدار آن می تواند تغییر کند؟

گزینه 1:
const
گزینه 2:
var
گزینه 3:
let
گزینه 4:
‏هیچکدام

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

🟢 توضیح :

‏`let` متغیری با محدوده بلوکی ایجاد می کند که مقدار آن قابل تغییر است.


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

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

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

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

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

🟣 موضوع : ‏مدیریت درخواست‌ها با 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