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

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

🟢 سوال :

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

گزینه 1:
Temporal API
گزینه 2:
Date API
گزینه 3:
Moment.js
گزینه 4:
Luxon

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

🟢 توضیح :

‏Temporal API قصد دارد مشکلات و محدودیت‌های Date API موجود در جاوا اسکریپت را برطرف کند.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏طراحی Responsive با Media Queries

🟢 سوال :

‏در Tailwind CSS برای تعریف استایل واکنش‌گرا از چه پیشوندی استفاده می‌شود؟

گزینه 1:
md:
گزینه 2:
sm:
گزینه 3:
xl:
گزینه 4:
lg:

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

🟢 توضیح :

‏در Tailwind پیشوند sm: برای حالت‌های با حداقل عرض 640px استفاده می‌شود.


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

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

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

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

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

🟣 موضوع : ‏مدیریت فایل‌ها و دایرکتوری‌ها در Node.js

🟢 سوال :

‏کدام ماژول اصلی Node.js برای کار با سیستم فایل استفاده می‌شود؟

گزینه 1:
path
گزینه 2:
os
گزینه 3:
fs
گزینه 4:
fileSystem

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

🟢 توضیح :

‏ماژول fs (File System) در Node.js توابعی برای انجام عملیات مختلف بر روی فایل‌ها و دایرکتوری‌ها فراهم می‌کند.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏Redirect و Navigate در React Router

🟢 سوال :

‏کدام هوک در React Router v6 برای انجام ریدایرکت به صورت برنامه‌نویسی استفاده می‌شود؟

گزینه 1:
`useHistory`
گزینه 2:
`useRedirect`
گزینه 3:
`useLocation`
گزینه 4:
`useNavigate`

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

🟢 توضیح :

‏`useNavigate` یک هوک است که یک تابع `navigate` برمی‌گرداند که می‌توانید برای ریدایرکت کردن برنامه‌نویسی کاربر استفاده کنید.


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

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

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

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

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

🟣 موضوع : ‏Hoisting در جاوا اسکریپت: چگونگی کارکرد

🟢 سوال :

‏آیا می‌توان قبل از اعلان، به یک تابع تعریف شده با "Function Declaration" دسترسی پیدا کرد و آن را فراخوانی کرد؟

گزینه 1:
‏بله، بدون هیچ مشکلی.
گزینه 2:
‏بله، اما فقط اگر هیچ پارامتری نداشته باشد.
گزینه 3:
‏خیر، باعث خطای TypeError می‌شود.
گزینه 4:
‏بستگی به scope دارد.

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

🟢 توضیح :

‏به دلیل Hoisting کامل "Function Declaration"، می‌توان قبل از خط تعریف واقعی، تابع را فراخوانی کرد.


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

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

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

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

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

🟣 موضوع : ‏آشنایی با Babel برای تبدیل کد ES6 به نسخه‌های قدیمی‌تر

🟢 سوال :

‏کدامیک از موارد زیر یک مثال از سینتکس ES6 است که Babel آن را به سینتکس قدیمی‌تر تبدیل می‌کند؟

گزینه 1:
var
گزینه 2:
function
گزینه 3:
Arrow Functions (=>)
گزینه 4:
if statement

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

🟢 توضیح :

‏Arrow Functions یک ویژگی معرفی شده در ES6 هستند که Babel آن‌ها را به توابع معمولی با اتصال this مناسب تبدیل می‌کند تا در محیط‌های قدیمی‌تر کار کنند.


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

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

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

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

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

🟣 موضوع : ‏Hoisting در جاوا اسکریپت: چگونگی کارکرد

🟢 سوال :

‏Hoisting در جاوا اسکریپت به چه معناست؟

گزینه 1:
‏انتقال فیزیکی کد متغیرها و توابع به بالای scope در زمان اجرا.
گزینه 2:
‏انتقال مفهومی اعلان متغیرها و توابع به بالای scope قبل از اجرا.
گزینه 3:
‏اجرای متغیرها و توابع قبل از اعلان آن‌ها بدون هیچ مشکلی.
گزینه 4:
‏عدم امکان دسترسی به متغیرها و توابع قبل از اعلان آن‌ها.

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

🟢 توضیح :

‏Hoisting مکانیسمی است که در آن اعلان متغیرها (با var) و توابع به بالای scope مربوطه منتقل می‌شوند، اما مقداردهی اولیه متغیرها در جای خود باقی می‌ماند.


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

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

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

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

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

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

🟢 سوال :

‏کلیدواژه async قبل از تعریف یک تابع چه کاری انجام می‌دهد؟

گزینه 1:
‏تابع را به صورت Promise برمی‌گرداند
گزینه 2:
‏تابع را به صورت همزمان اجرا می‌کند
گزینه 3:
‏تابع را به طور همزمان مسدود می‌کند
گزینه 4:
‏تابع را به عنوان microtask اجرا می‌کند

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

🟢 توضیح :

‏یک تابع async همیشه یک Promise بازمی‌گرداند حتی اگر مقدار دیگری return کند.


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

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

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

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

🔵 کوییز #React_js

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

🟢 سوال :

‏چه زمانی از React.Fragment استفاده می‌کنیم؟

گزینه 1:
‏وقتی نیاز به یک wrapper div داریم
گزینه 2:
‏وقتی می‌خواهیم استایل‌دهی خاصی اعمال کنیم
گزینه 3:
‏وقتی می‌خواهیم بدون افزودن DOM اضافی، چند عنصر را برگردانیم
گزینه 4:
‏وقتی می‌خواهیم state را مدیریت کنیم

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

🟢 توضیح :

‏استفاده از Fragment از ایجاد DOM غیرضروری جلوگیری می‌کند و ساختار HTML تمیزتری ایجاد می‌کند.


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

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

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

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

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

🟣 موضوع : ‏راهنمایی Debugging در مرورگر با استفاده از DevTools

🟢 سوال :

‏برای مشاهده performance وب سایت (سرعت بارگذاری و غیره) از کدام پنل DevTools استفاده می کنید؟

گزینه 1:
Network
گزینه 2:
Performance
گزینه 3:
Memory
گزینه 4:
Application

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

🟢 توضیح :

‏پنل Performance ابزارهای اندازه گیری و تجزیه و تحلیل عملکرد وب سایت را ارائه می دهد.


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

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

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

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

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

🟣 موضوع : ‏مبانی Prototype و وراثت پروتوتایپی

🟢 سوال :

‏برای ایجاد شی جدید با استفاده از یک شی دیگر به‌عنوان پروتوتایپ، کدام متد استاندارد استفاده می‌شود؟

گزینه 1:
Object.create()
گزینه 2:
Object.assign()
گزینه 3:
new Object()
گزینه 4:
Object.prototype.clone()

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

🟢 توضیح :

‏Object.create به صورت مستقیم یک شی جدید می‌سازد و پروتوتایپ آن را تنظیم می‌کند


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

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

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

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

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

🟣 موضوع : ‏کاربرد روش‌های bind، call و apply

🟢 سوال :

‏خروجی کد زیر چیست؟ const calculator = { add: function(a, b) { return a + b; } }; const result = calculator.add.apply(null, [5, 3]); console.log(result);

گزینه 1:
NaN
گزینه 2:
8
گزینه 3:
'53'
گزینه 4:
‏خطا

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

🟢 توضیح :

‏متد apply() تابع add را با مقدار this برابر با null (در این مورد this در تابع add استفاده نمی‌شود) و آرگومان‌های 5 و 3 که در یک آرایه قرار داده شده‌اند، فراخوانی می‌کند. نتیجه جمع (8) در متغیر result ذخیره می‌شود.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏Middleware در Redux (مثل Redux Thunk)

🟢 سوال :

‏Middleware ها در Redux در کجای چرخه حیات Action قرار دارند؟

گزینه 1:
‏قبل از dispatch شدن Action به Reducer
گزینه 2:
‏بعد از dispatch شدن Action به Reducer
گزینه 3:
‏به جای Reducer
گزینه 4:
‏همزمان با کامپوننت‌ها

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

🟢 توضیح :

‏Middleware ها قبل از رسیدن Action به Reducer وارد عمل می‌شوند و می‌توانند Action را تغییر دهند یا آن را به تعویق بیندازند.


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

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

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

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

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

🟣 موضوع : ‏آشنایی با اصول دیباگینگ در محیط‌های IDE: نکات و تکنیک‌های برتر

🟢 سوال :

‏هنگام دیباگینگ یک برنامه پیچیده، بهترین رویکرد معمولاً چیست؟

گزینه ۱:
‏حدس زدن محل خطا و قرار دادن نقاط توقف تصادفی

گزینه ۲:
‏شروع از اولین خط کد و اجرای گام به گام کل برنامه

گزینه ۳:
‏تلاش برای بازتولید دقیق شرایط بروز خطا و استفاده از نقاط توقف و بررسی متغیرها در آن ناحیه مشکوک

گزینه ۴:
‏تغییر کد به صورت تصادفی تا زمانی که مشکل برطرف شود



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

🟢 توضیح :

‏بهترین رویکرد برای دیباگینگ برنامه‌های پیچیده، تلاش برای بازتولید دقیق شرایطی است که منجر به خطا می‌شوند و سپس استفاده از نقاط توقف و بررسی دقیق وضعیت متغیرها و جریان اجرا در آن ناحیه مشکوک برای یافتن علت اصلی مشکل است.

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

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

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

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

🔵 کوییز #React_js

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

🟢 سوال :

‏کدام ابزار برای مدیریت state در React.js استفاده می‌شود؟

گزینه 1:
Angular
گزینه 2:
Vue
گزینه 3:
Redux
گزینه 4:
jQuery

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

🟢 توضیح :

‏Redux یک ابزار محبوب برای مدیریت state در برنامه‌های React.js است.


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

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

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

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

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

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

🟢 سوال :

‏AJAX (Asynchronous JavaScript and XML) چه امکانی را برای وب مدرن فراهم کرده است؟

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

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

🟢 توضیح :

‏AJAX امکان ایجاد برنامه‌های وب پویاتر و با پاسخگویی بهتر را فراهم می‌کند.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏دسترسی‌پذیری (Accessibility) در کامپوننت‌ها

🟢 سوال :

‏ویژگی `aria-label` برای چه منظوری در React استفاده می شود؟

گزینه 1:
‏ارائه استایل به المان
گزینه 2:
‏افزودن متن جایگزین برای تصاویر
گزینه 3:
‏تعیین نقش یک المان برای screen reader ها
گزینه 4:
‏ایجاد انیمیشن

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

🟢 توضیح :

‏ویژگی `aria-label` نقش یک المان را برای screen reader ها تعیین می کند و به کاربران کم بینا کمک می کند.


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

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

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

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

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

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

🟢 سوال :

‏برای حذف یک دایرکتوری به صورت بازگشتی در Node.js کدام متد مناسب است؟

گزینه 1:
fs.rmdir
گزینه 2:
fs.rmdirSync
گزینه 3:
fs.rm
گزینه 4:
fs.rmSync

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

🟢 توضیح :

‏fs.rmSync با گزینه recursive می‌تواند دایرکتوری و محتویاتش را به صورت همزمان حذف کند.


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

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

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

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

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

🟣 موضوع : ‏مبانی Functional Programming در جاوا اسکریپت

🟢 سوال :

‏کدام اصطلاح به معنای نوشتن توابعی است که می توانند با داده های مختلف به طور یکسان کار کنند؟

گزینه 1:
Generics
گزینه 2:
Polymorphism
گزینه 3:
Abstraction
گزینه 4:
Encapsulation

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

🟢 توضیح :

‏Polymorphism (چند شکلی) به معنای توانایی یک تابع برای کار با انواع مختلف داده است.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏استفاده از ESLint و Prettier برای کیفیت کد

🟢 سوال :

‏مزیت استفاده از Prettier نسبت به فرمت‌دهی دستی کد چیست؟

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

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

🟢 توضیح :

‏Prettier فرمت‌بندی کد را به صورت خودکار و یکنواخت انجام می‌دهد، که سریع‌تر و دقیق‌تر از فرمت‌دهی دستی است.


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

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

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

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