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

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

🟢 سوال :

‏برای ایجاد انیمیشن با Web Animations API در جاوااسکریپت از چه متدی استفاده می‌کنیم؟

گزینه 1:
animateKeyframes()
گزینه 2:
requestAnimationFrame()
گزینه 3:
startAnimation()
گزینه 4:
element.animate(...)

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

🟢 توضیح :

‏متد element.animate بخشی از Web Animations API برای تعریف انیمیشن است.


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

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

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

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

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

🟣 موضوع : ‏ماژول‌های ES6 در مقابل CommonJS

🟢 سوال :

‏کدام سیستم ماژول از کلمه کلیدی `import` برای وارد کردن ماژول ها استفاده می کند؟

گزینه 1:
CommonJS
گزینه 2:
AMD
گزینه 3:
UMD
گزینه 4:
ES Modules

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

🟢 توضیح :

‏ES Modules از کلمات کلیدی `import` و `export` برای مدیریت ماژول ها استفاده می کند.


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

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

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

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

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

🟣 موضوع : ‏انواع زبان‌های برنامه‌نویسی: تفکیک بر اساس سطح، کاربرد، و سبک

🟢 سوال :

‏کدام یک از موارد زیر یک زبان برنامه‌نویسی برای توسعه برنامه‌های موبایل است؟

گزینه ۱:
‏سی (C)

گزینه ۲:
‏کاتلین (Kotlin)

گزینه ۳:
‏اسمبلی (Assembly)

گزینه ۴:
‏زبان ماشین (Machine Code)



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

🟢 توضیح :

‏کاتلین (Kotlin) یک زبان برنامه‌نویسی برای توسعه برنامه‌های موبایل است.

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

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

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

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

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

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

🟢 سوال :

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

گزینه 1:
babel --transpile input.js --output output.js
گزینه 2:
babel input.js -o output.js
گزینه 3:
babel convert input.js -out output.js
گزینه 4:
babel build input.js -d output.js

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

🟢 توضیح :

‏دستور babel input.js -o output.js فایل input.js را تبدیل کرده و نتیجه را در فایل output.js ذخیره می‌کند. -o مخفف --outfile است.


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

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

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

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

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

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

🟢 سوال :

‏کدام روش برای اجرای کد بعد از تکمیل یک Promise، صرف نظر از موفقیت یا شکست، استفاده می شود؟

گزینه 1:
`.then()`
گزینه 2:
`.catch()`
گزینه 3:
`.finally()`
گزینه 4:
`.resolve()`

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

🟢 توضیح :

‏متد `.finally()` همیشه پس از تکمیل Promise اجرا می شود.


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

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

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

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

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

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

🟢 سوال :

‏مقدار readyState در XMLHttpRequest چه زمانی به 4 می رسد؟

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

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

🟢 توضیح :

‏readyState = 4 نشان می دهد که عملیات کامل شده است، یعنی پاسخ سرور دریافت شده و پردازش شده است.


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

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

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

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

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

🟣 موضوع : ‏استفاده از Helmet برای بهبود امنیت Express.js

🟢 سوال :

‏هدف اصلی Helmet در Express.js چیست؟

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

گزینه ۲:
‏افزودن لایه‌های امنیتی مختلف به برنامه‌های Express.js

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

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

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

🟢 توضیح :

‏Helmet مجموعه‌ای از Middlewareها برای ایمن‌سازی برنامه‌های Express.js است.

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

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

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

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

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

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

🟢 سوال :

‏کدام یک از رویدادهای زیر در شیء WebSocket برای دریافت داده از سرور فعال می‌شود؟

گزینه ۱:
open

گزینه ۲:
message

گزینه ۳:
close

گزینه ۴:
error

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

🟢 توضیح :

‏رویداد `message` هر زمان که داده‌ای از سرور دریافت شود، فعال می‌شود.

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

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

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

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

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

🟣 موضوع : ‏مبانی React.js: ایجاد کامپوننت‌ها و مدیریت state

🟢 سوال :

‏چه زمانی باید از کامپوننت‌های class-based به جای functional components with Hooks استفاده کرد؟

گزینه 1:
‏فقط زمانی که نیاز به مدیریت lifecycle باشد.
گزینه 2:
‏هرگز، Hooks جایگزین کامپوننت‌های class-based شده‌اند.
گزینه 3:
‏زمانی که نیاز به performance بالا باشد.
گزینه 4:
‏هر زمانی که کد کوتاه‌تر و خواناتر باشد.

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

🟢 توضیح :

‏کامپوننت‌های class-based همچنان برای مدیریت lifecycle پیچیده و برخی بهینه‌سازی‌های performance کاربرد دارند، هرچند Hooks در بسیاری موارد جایگزین مناسبی هستند.


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

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

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

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

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

🟣 موضوع : ‏Advanced Object Destructuring و Spread/Rest Operators

🟢 سوال :

‏نتیجه‌ی کد زیر چیست؟ const key = 'name'; const obj = {name: 'Ali'}; const {[key]: value} = obj;

گزینه 1:
'name'
گزینه 2:
'[key]'
گزینه 3:
undefined
گزینه 4:
'Ali'

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

🟢 توضیح :

‏با استفاده از computed property name مقدار پراپرتی name به متغیر value اختصاص می‌یابد.


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

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

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

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

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

🟣 موضوع : ‏آشنایی با 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