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

🟣 موضوع : ‏کار با Virtual DOM در فریم‌ورک‌های مدرن

🟢 سوال :

‏مزیت اصلی استفاده از Virtual DOM در مقایسه با دستکاری مستقیم DOM چیست؟

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

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

🟢 توضیح :

‏دستکاری مستقیم DOM می‌تواند پرهزینه باشد و باعث رندرهای مجدد غیرضروری شود. Virtual DOM با بهینه‌سازی این فرایند، عملکرد بهتری را ارائه می‌دهد.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏مسیرهای پویا (Dynamic Routing)

🟢 سوال :

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

گزینه 1:
`path`
گزینه 2:
`url`
گزینه 3:
`to`
گزینه 4:
`from`

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

🟢 توضیح :

‏ویژگی `path` در کامپوننت `Route` برای تعیین الگوی مسیر، از جمله مسیرهای پویا، استفاده می‌شود.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏Code Splitting با React.lazy و Suspense

🟢 سوال :

‏آیا Code Splitting فقط برای کامپوننت‌های React است؟

گزینه 1:
‏بله، فقط برای کامپوننت‌ها
گزینه 2:
‏خیر، می‌توان از آن برای route ها و سایر بخش‌های برنامه نیز استفاده کرد
گزینه 3:
‏فقط برای کامپوننت‌های class-based
گزینه 4:
‏فقط برای کامپوننت‌های functional

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

🟢 توضیح :

‏Code Splitting می‌تواند برای route ها، کتابخانه‌ها و سایر بخش‌های برنامه نیز اعمال شود. این به بهینه‌سازی اندازه بسته‌ها در کل برنامه کمک می‌کند.


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

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

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

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

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

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

🟢 سوال :

‏کدامیک از Cancel Request پشتیبانی می‌کند؟

گزینه 1:
`fetch`
گزینه 2:
`axios`
گزینه 3:
‏هر دو از ابتدا
گزینه 4:
‏هر دو با کتابخانه های جانبی

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

🟢 توضیح :

‏`axios` به صورت داخلی از لغو درخواست پشتیبانی می‌کند، در حالی که `fetch` نیاز به استفاده از AbortController دارد.


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

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

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

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

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

🟣 موضوع : ‏کار با ویژگی‌های dataset در المنت‌های HTML

🟢 سوال :

‏اگر نام صفت داده به شکل data-123name باشد، چگونه به آن دسترسی پیدا کنیم؟

گزینه 1:
element.dataset.123name
گزینه 2:
element.dataset['123name']
گزینه 3:
element.dataset._123name
گزینه 4:
‏خطا رخ می‌دهد

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

🟢 توضیح :

‏به علت شروع با عدد باید از bracket notation استفاده کرد


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

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

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

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

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

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

🟢 سوال :

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

گزینه ۱:
‏پایتون (Python)

گزینه ۲:
‏جاوا (Java)

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

گزینه ۴:
‏جاوا اسکریپت (JavaScript)



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

🟢 توضیح :

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

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

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

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

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

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

🟣 موضوع : ‏آشنایی با async و await

🟢 سوال :

‏اگر یک تابع async بدون استفاده از `await` فراخوانی شود چه اتفاقی می افتد؟

گزینه 1:
‏خطا رخ می دهد.
گزینه 2:
‏تابع همزمان اجرا می شود.
گزینه 3:
‏یک Promise برگردانده می شود.
گزینه 4:
‏هیچ اتفاقی نمی افتد.

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

🟢 توضیح :

‏وقتی یک تابع async فراخوانی می شود، همیشه یک Promise را برمی گرداند، حتی اگر `await` استفاده نشده باشد.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏Hook پیشرفته: `useContext`

🟢 سوال :

‏کدام یک از موارد زیر یک مزیت استفاده از `useContext` است؟

گزینه 1:
‏کد خواناتر و قابل فهم تر
گزینه 2:
‏performance بهتر
گزینه 3:
‏کاهش حجم bundle
گزینه 4:
‏امنیت بیشتر

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

🟢 توضیح :

‏`useContext` می تواند منجر به کد خواناتر و قابل فهم تر شود، به ویژه زمانی که state بین چندین کامپوننت به اشتراک گذاشته می شود.


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

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

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

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

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

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

🟢 سوال :

‏در CommonJS چگونه می‌توان چند مقدار مختلف را صادر کرد؟

گزینه 1:
‏تنها با module.exports به صورت شیء
گزینه 2:
‏با export default
گزینه 3:
‏با export یا export default
گزینه 4:
‏امکان ندارد

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

🟢 توضیح :

‏CommonJS با قراردادن چندین کلید در شیء module.exports چند مقدار را صادر می‌کند.


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

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

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

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

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

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

🟢 سوال :

‏خروجی پیش‌فرض ESLint در ترمینال چه فرمتی دارد؟

گزینه 1:
JSON
گزینه 2:
‏stylish (ظاهر متنی خوانا)
گزینه 3:
XML
گزینه 4:
YAML

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

🟢 توضیح :

‏ریپورتر پیش‌فرض ESLint با سبک stylish خروجی قابل‌خوانا نمایش می‌دهد


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

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

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

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

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

🟣 موضوع : ‏Template Literals و کاربرد آن‌ها در ساخت رشته‌ها

🟢 سوال :

‏کدام یک از موارد زیر روش سنتی (قبل از ES6) برای ساخت رشته‌ای مشابه با \نام: ${name}\ بود؟

گزینه 1:
‏'نام: ' + name;
گزینه 2:
‏"نام: " + name;
گزینه 3:
‏"نام: ${name}";
گزینه 4:
‏'نام: ${name}';

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

🟢 توضیح :

‏قبل از معرفی Template Literal در ECMAScript 6 (ES6)، برای ترکیب رشته‌ها و متغیرها از عملگر + (Concatenation) استفاده می‌شد که معمولاً خوانایی کمتری داشت.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏Snapshot Testing با Jest

🟢 سوال :

‏در چه شرایطی استفاده از snapshot testing مناسب نیست؟

گزینه 1:
‏برای داده‌های ثابت و ساده
گزینه 2:
‏برای تست عملکرد متدها
گزینه 3:
‏برای خروجی‌های بسیار پویا و متغیر
گزینه 4:
‏برای تست استایل‌ها

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

🟢 توضیح :

‏خروجی‌های پویا باعث می‌شوند که هر بار snapshot متفاوت باشد و باعث شکست مکرر تست شود.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏مدیریت مسیرها با React Router

🟢 سوال :

‏در React Router v5 برای ناوبری برنامه‌نویسی از چه هوکی استفاده می‌شود؟

گزینه 1:
useNavigate
گزینه 2:
useRouter
گزینه 3:
useHistory
گزینه 4:
navigate

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

🟢 توضیح :

‏useHistory.push برای ناوبری برنامه‌نویسی استفاده می‌شود.


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

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

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

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

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

🟣 موضوع : ‏پیاده‌سازی Socket.IO برای ارتباطات بلادرنگ

🟢 سوال :

‏چگونه می توان یک پیام را از سرور به یک کلاینت خاص ارسال کرد؟

گزینه 1:
‏با استفاده از `io.emit()`
گزینه 2:
‏با استفاده از `socket.broadcast.emit()`
گزینه 3:
‏با استفاده از `socket.emit()`
گزینه 4:
‏با استفاده از `io.to(socketId).emit()`

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

🟢 توضیح :

‏برای ارسال پیام به یک کلاینت خاص، باید از `io.to(socketId).emit()` استفاده کنید.


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

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

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

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

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

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

🟢 سوال :

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

گزینه 1:
Pause on exceptions
گزینه 2:
Disable JavaScript
گزینه 3:
Throttling
گزینه 4:
Disable cache

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

🟢 توضیح :

‏گزینه Pause on exceptions باعث توقف اجرای اسکریپت هنگام پرتاب استثنا می‌شود.


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

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

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

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

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

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

🟢 سوال :

‏وقتی یک خطا در کنسول DevTools ظاهر می شود، چه کاری باید انجام دهید؟

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

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

🟢 توضیح :

‏پنل Sources به شما امکان می دهد کد را بررسی کرده و منشاء خطا را پیدا کنید.


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

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

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

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

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

🟣 موضوع : ‏استفاده از Import و Export برای مدیریت ماژول‌ها

🟢 سوال :

‏کدام عبارت برای وارد کردن export پیش‌فرض از ماژول استفاده می‌شود؟

گزینه 1:
import { something } from 'module'
گزینه 2:
import something from 'module'
گزینه 3:
export default something
گزینه 4:
import * as something from 'module'

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

🟢 توضیح :

‏برای وارد کردن export پیش‌فرض باید از import نام ماژول استفاده کرد.


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

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

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

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

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

🟣 موضوع : ‏مفهوم Event Bubbling و Capturing

🟢 سوال :

‏اگر سه عنصر داخلی (body > div > button) با listener در فاز capturing ثبت شده باشند، ترتیب اجرای listenerها چگونه است؟

گزینه 1:
‏از کوچک‌ترین عنصر به بزرگ‌ترین (button، div، body)
گزینه 2:
‏از بزرگ‌ترین عنصر به کوچک‌ترین (body، div، button)
گزینه 3:
‏همزمان روی هر سه اجرا می‌شوند
گزینه 4:
‏ابتدا روی target سپس ریشه

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

🟢 توضیح :

‏در فاز capturing از بالاترین ancestor به سمت عنصر هدف حرکت می‌کند.


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

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

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

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

🔵 Beginner JavaScript Tutorial - 7 - Using Parameters with Functions

🟢 کیفیت : متوسط

🔴 توجه کنید با تنظیمات خود تلگرام می توانید حجم و کیفیت ویدیو را بر اساس سرعت اینترنت خود تنظیم نمایید.

🟣 JavaScript Tutorials Playlist

🟢 زبان آموزش: انگلیسی


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

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

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

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

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

🟣 موضوع : ‏تعریف کلاس‌ها (Classes) در ES6

🟢 سوال :

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

گزینه 1:
init
گزینه 2:
constructor
گزینه 3:
build
گزینه 4:
start

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

🟢 توضیح :

‏متد سازنده یا constructor در زمان ایجاد نمونه‌ها اجرا می‌شود.


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

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

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

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