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

🟣 موضوع : ‏آشنایی با Fetch API به عنوان جایگزین XMLHttpRequest

🟢 سوال :

‏کدام پراپرتی از شیء Response حاوی کد وضعیت HTTP پاسخ است؟

گزینه 1:
response.statusText
گزینه 2:
response.statusCode
گزینه 3:
response.status
گزینه 4:
response.ok

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

🟢 توضیح :

‏پراپرتی response.status کد وضعیت HTTP (مانند 200 برای OK، 404 برای Not Found) را برمی‌گرداند.


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

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

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

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

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

🟣 موضوع : ‏مقدمه‌ای بر جاوا اسکریپت: تعاریف، اهمیت و کاربردها

🟢 سوال :

‏کدام یک از موارد زیر یک فریم‌ورک محبوب جاوا اسکریپت برای توسعه رابط کاربری است؟

گزینه 1:
Angular
گزینه 2:
Spring
گزینه 3:
Django
گزینه 4:
Ruby on Rails

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

🟢 توضیح :

‏Angular یک فریم‌ورک جامع برای ساخت برنامه‌های تک‌صفحه‌ای (SPA) و رابط‌های کاربری پیچیده است.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏پارامترها و کوئری‌استرینگ در React Router

🟢 سوال :

‏کدام گزینه بهترین روش برای ارسال داده‌ها از طریق URL در React Router است؟

گزینه 1:
‏استفاده از پارامترها برای داده‌های ضروری، استفاده از کوئری‌استرینگ برای داده‌های اختیاری
گزینه 2:
‏استفاده از کوئری‌استرینگ برای همه داده‌ها
گزینه 3:
‏استفاده از پارامترها برای همه داده‌ها
گزینه 4:
‏استفاده از state در `Link` component

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

🟢 توضیح :

‏پارامترها برای شناسایی منابع خاص مناسب هستند، در حالی که کوئری‌استرینگ برای فیلتر کردن و مرتب‌سازی استفاده می‌شود.


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

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

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

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

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

🟣 موضوع : ‏آشنایی با Vue.js و ویژگی‌های آن

🟢 سوال :

‏کدام یک از ویژگی های زیر جزو ویژگی های اصلی Vue.js نیست؟

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

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

🟢 توضیح :

‏Vue.js از دستکاری مستقیم DOM از طریق دیتا بایندینگ دوری می کند.


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

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

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

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

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

🟣 موضوع : ‏مفاهیم مربوط به this و نحوه Binding آن

🟢 سوال :

‏هنگام استفاده از کلمه کلیدی new برای ایجاد یک شیء از یک تابع سازنده، مقدار this درون تابع سازنده به چه چیزی اشاره دارد؟

گزینه 1:
‏به شیء سراسری
گزینه 2:
‏به prototype تابع سازنده
گزینه 3:
‏به شیء تازه‌ای که در حال ایجاد است
گزینه 4:
‏به خود تابع سازنده

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

🟢 توضیح :

‏وقتی از new برای فراخوانی یک تابع سازنده استفاده می‌شود، یک شیء جدید ایجاد می‌شود و this درون تابع سازنده به این شیء تازه ایجاد شده اشاره می‌کند.


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

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

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

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

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

🟣 موضوع : ‏عملگرهای ریاضی، منطقی و مقایسه‌ای در جاوا اسکریپت

🟢 سوال :

‏کدام عملگر منطقی در جاوا اسکریپت مقدار منطقی یک عملوند را معکوس می‌کند؟

گزینه 1:
&& (AND)
گزینه 2:
|| (OR)
گزینه 3:
! (NOT)
گزینه 4:
^ (XOR)

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

🟢 توضیح :

‏عملگر ! (NOT منطقی) اگر عملوند true باشد، false و اگر عملوند false باشد، true برمی‌گرداند.


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

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

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

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

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

🟣 موضوع : ‏تفاوت‌های سوییچ‌های جدید fetch و axios

🟢 سوال :

‏کدام یک از این دو از رهگیری درخواست‌ها و پاسخ‌ها (interceptors) پشتیبانی می‌کند؟

گزینه 1:
Axios
گزینه 2:
Fetch API
گزینه 3:
‏هر دو
گزینه 4:
‏هیچ کدام

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

🟢 توضیح :

‏Axios دارای مفهوم interceptors است که به شما امکان می‌دهد قبل از ارسال درخواست و پس از دریافت پاسخ، منطق سفارشی را اجرا کنید. Fetch API این قابلیت را به صورت داخلی ندارد.


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

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

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

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

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

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

🟢 سوال :

‏کدام یک از روش‌های زیر در Controlled Component برای به‌روزرسانی مقدار ورودی معمولاً استفاده می‌شود؟

گزینه 1:
‏استفاده از ref
گزینه 2:
‏متد forceUpdate()
گزینه 3:
‏دسترسی مستقیم به DOM عنصر
گزینه 4:
‏تعریف تابع handleChange که state را آپدیت می‌کند

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

🟢 توضیح :

‏تابع handleChange روی رویداد onChange فراخوانی و state را به‌روزرسانی می‌کند.


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

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

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

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

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

🟣 موضوع : ‏آشنایی با ساختار کنترل شرطی (if, else, switch)

🟢 سوال :

‏کدام کلمه کلیدی برای تعیین یک حالت پیش‌فرض در دستور `switch` استفاده می‌شود؟

گزینه 1:
`default`
گزینه 2:
`otherwise`
گزینه 3:
`else`
گزینه 4:
`final`

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

🟢 توضیح :

‏کلمه کلیدی `default` برای تعیین حالتی استفاده می‌شود که هیچ یک از حالت‌های دیگر مطابقت نداشته باشند.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏Suspense برای Data Fetching (آزمایشی)

🟢 سوال :

‏برای مشخص کردن به‌روزرسانی‌های غیرضروری و جلوگیری از بلاک کردن UI، از کدام API استفاده می‌شود؟

گزینه 1:
useEffect
گزینه 2:
startTransition
گزینه 3:
useMemo
گزینه 4:
useReducer

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

🟢 توضیح :

‏تابع startTransition آپدیت‌های کم‌اولویت را علامت‌گذاری می‌کند تا UI بلوک نشود.


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

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

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

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

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

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

🟢 سوال :

‏چگونه می‌توان از پیچیده شدن بیش از حد منطق برنامه در مراحل اولیه جلوگیری کرد؟

گزینه ۱:
‏نوشتن تمام کد در یک تابع بزرگ

گزینه ۲:
‏شکستن مسئله به زیرمسئله‌های کوچکتر و نوشتن توابع جداگانه برای هر کدام

گزینه ۳:
‏استفاده از تعداد زیادی متغیر سراسری

گزینه ۴:
‏اجتناب از استفاده از توابع و ساختارهای کنترلی



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

🟢 توضیح :

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

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

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

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

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

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

🟣 موضوع : ‏Higher Order Functions: توابعی که دیگر توابع را می‌پذیرند

🟢 سوال :

‏کدام یک از متدهای آرایه زیر یک Higher Order Function در جاوا اسکریپت است که یک تابع Callback را به عنوان آرگومان می‌پذیرد و یک آرایه جدید با نتایج فراخوانی Callback برای هر عنصر آرایه اصلی برمی‌گرداند؟

گزینه 1:
push()
گزینه 2:
pop()
گزینه 3:
map()
گزینه 4:
slice()

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

🟢 توضیح :

‏متد map() یک آرایه جدید ایجاد می‌کند که در آن هر عنصر نتیجه اعمال تابع Callback بر روی عنصر مربوطه در آرایه اصلی است.


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

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

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

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

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

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

🟢 سوال :

‏مموایزیشن در جاوااسکریپت چیست؟

گزینه 1:
‏تکنیکی برای کاهش حجم کد
گزینه 2:
‏تکنیکی برای کش کردن نتایج فراخوانی توابع پرهزینه
گزینه 3:
‏تکنیکی برای بهبود خوانایی کد
گزینه 4:
‏تکنیکی برای مدیریت حافظه

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

🟢 توضیح :

‏مموایزیشن روشی است برای ذخیره نتایج توابع پرهزینه و بازگرداندن نتایج کش شده در صورت تکرار ورودی‌ها.


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

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

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

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

🔵 کوییز #React_js

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

🟢 سوال :

‏کدام دستور برای بررسی شرطی در JS هنگام تغییر اندازه صفحه مناسب است؟

گزینه 1:
window.matchMedia('(max-width: 768px)').matches
گزینه 2:
window.onresize === true
گزینه 3:
useResize hook
گزینه 4:
CSS pixelRatio

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

🟢 توضیح :

‏window.matchMedia(...).matches برای بررسی انطباق media query در JS استفاده می‌شود.


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

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

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

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

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

🟣 موضوع : ‏استفاده از کتابخانه‌های انیمیشن مانند GSAP

🟢 سوال :

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

گزینه 1:
MorphSVGPlugin
گزینه 2:
Draggable
گزینه 3:
ScrollTrigger
گزینه 4:
TextPlugin

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

🟢 توضیح :

‏MorphSVGPlugin برای تبدیل و مورف کردن مسیرهای SVG طراحی شده است.


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

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

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

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

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

🟣 موضوع : ‏استفاده از try, catch و finally برای مدیریت استثناءها

🟢 سوال :

‏کدام عبارت برای مدیریت استثناء در جاوا اسکریپت استفاده می شود؟

گزینه 1:
`if...else`
گزینه 2:
`switch`
گزینه 3:
`try...catch`
گزینه 4:
`for`

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

🟢 توضیح :

‏عبارت `try...catch` برای به دام انداختن و مدیریت استثناء ها استفاده می شود.


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

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

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

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

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

🟣 موضوع : ‏مدیریت state در اپلیکیشن‌های مبتنی بر جاوا اسکریپت (Redux، Vuex)

🟢 سوال :

‏در Vuex، Action چیست؟

گزینه 1:
‏یک شیء که نشان دهنده یک تغییر state است.
گزینه 2:
‏یک تابع که می‌تواند شامل عملیات ناهمزمان باشد و mutations را commit می‌کند.
گزینه 3:
‏یک روش برای تعریف پراپ‌ها در کامپوننت‌ها.
گزینه 4:
‏یک تابع برای محاسبه مقادیر مشتق شده از state.

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

🟢 توضیح :

‏Actions توابع هستند که می‌توانند شامل منطق ناهمزمان (مانند درخواست‌های API) باشند و برای تغییر state، mutations را commit می‌کنند.


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

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

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

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

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

🟣 موضوع : ‏مدیریت خطا در توابع ناهمزمان

🟢 سوال :

‏آیا می‌توان از try...catch در داخل بلاک .then() یک Promise برای مدیریت خطاهای احتمالی در آن استفاده کرد؟

گزینه 1:
‏بله، این یک روش معمول برای مدیریت خطا در زنجیره‌های Promise است.
گزینه 2:
‏خیر، .catch() تنها راه مدیریت خطا در Promises است.
گزینه 3:
‏فقط برای خطاهای همزمان داخل .then() کار می‌کند.
گزینه 4:
‏توصیه نمی‌شود و ممکن است رفتارهای غیرمنتظره داشته باشد.

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

🟢 توضیح :

‏استفاده از try...catch در داخل .then() به شما امکان می‌دهد خطاهایی که ممکن است در حین پردازش نتیجه Promise رخ دهند را مدیریت کنید.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏کامپوننت‌های کلاسی (Class Components)

🟢 سوال :

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

گزینه 1:
this.state = newState
گزینه 2:
this.setState(newState)‎
گزینه 3:
this.updateState(newState)‎
گزینه 4:
this.changeState(newState)‎

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

🟢 توضیح :

‏برای به‌روزرسانی state باید از متد `this.setState()` استفاده کرد.


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

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

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

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

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

🟣 موضوع : ‏آشنایی با تکنولوژی‌های WebSocket برای ارتباط real-time

🟢 سوال :

‏هدف اصلی WebSocket چیست؟

گزینه ۱:
‏مدیریت پایگاه داده

گزینه ۲:
‏ایجاد ارتباطات تمام‌دوبلکس (full-duplex) و بلادرنگ بین کلاینت و سرور

گزینه ۳:
‏مدیریت حافظه برنامه

گزینه ۴:
‏فرمت‌دهی کد

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

🟢 توضیح :

‏WebSocket امکان ارسال و دریافت داده‌ها را به صورت همزمان در هر دو جهت فراهم می‌کند.

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

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

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

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