آموزش ویدیویی جاوا اسکریپت، Node.js ، React ، jQuery ، Vue و ...
1.61K subscribers
155 photos
71 videos
121 files
1.85K links
Download Telegram
🔵 کوییز #‏جاوا_اسکریپت

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

🟢 سوال :

‏اگر در بلوک try هیچ خطایی رخ ندهد، آیا بلوک catch اجرا می‌شود؟

گزینه 1:
‏بله، بلافاصله بعد از try.
گزینه 2:
‏بله، اما فقط اگر بلوک finally وجود داشته باشد.
گزینه 3:
‏خیر، بلوک catch فقط در صورت بروز خطا در try اجرا می‌شود.
گزینه 4:
‏بستگی به نوع خطا دارد.

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

🟢 توضیح :

‏بلوک catch فقط زمانی اجرا می‌شود که یک استثناء در حین اجرای کد داخل بلوک try پرتاب شود.


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
🔵 کوییز #‏جاوا_اسکریپت

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

🟢 سوال :

‏اگر متغیری با var تعریف شده باشد، آیا می‌توان همان نام را با let در همان scope تعریف کرد؟

گزینه 1:
‏بله، هیچ مشکلی ندارد
گزینه 2:
‏خیر، خطای SyntaxError رخ می‌دهد
گزینه 3:
‏بله اگر strict mode نباشد
گزینه 4:
‏فقط در توابع می‌توان این کار را کرد

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

🟢 توضیح :

‏redeclare بین var و let در یک scope مجاز نیست


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
🔵 کوییز #جاوا_اسکریپت

🟣 موضوع : ‏ایجاد استثناء سفارشی در جاوا اسکریپت

🟢 سوال :

‏برای پرتاب یک استثناء سفارشی پس از تعریف کلاس MyError، چه دستوری صحیح است؟

گزینه 1:
‏throw MyError('خطا');
گزینه 2:
‏throw new MyError('خطا');
گزینه 3:
‏Error('خطا');
گزینه 4:
‏console.error('خطا');

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

🟢 توضیح :

‏برای ایجاد نمونه جدید و پرتاب آن باید از new استفاده کرد.


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
🔵 کوییز #جاوا_اسکریپت

🟣 موضوع : ‏حلقه for...in و for...of: تفاوت‌ها و کاربردها

🟢 سوال :

‏کدام مورد برای پیمایش ویژگی‌های ارث‌بری‌شده (inherited) مناسب نیست؟

گزینه 1:
for...in
گزینه 2:
forEach
گزینه 3:
for...of
گزینه 4:
Object.keys().forEach

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

🟢 توضیح :

‏for...of شامل ویژگی‌های inherited نمی‌شود و فقط iterableها را پیمایش می‌کند.


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
1
🔵 کوییز #‏جاوا_اسکریپت

🟣 موضوع : ‏کار با Service Workers و اصول PWA

🟢 سوال :

‏کدام رویداد Service Worker زمانی فعال می‌شود که Service Worker نصب شده و آماده کنترل صفحات باشد؟

گزینه 1:
install
گزینه 2:
fetch
گزینه 3:
activate
گزینه 4:
message

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

🟢 توضیح :

‏رویداد activate پس از نصب موفقیت‌آمیز Service Worker و زمانی که Service Worker قبلی از کنترل صفحات خارج شده باشد، فعال می‌شود و معمولاً برای پاکسازی حافظه پنهان قدیمی استفاده می‌شود.


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
🔵 کوییز #React_js

🟣 موضوع : ‏Server-Side Rendering (SSR) با Next.js

🟢 سوال :

‏چگونه می‌توان داده‌ها را بین سرور و کلاینت در یک برنامه Next.js با SSR منتقل کرد؟

گزینه 1:
‏از طریق کوکی‌ها
گزینه 2:
‏از طریق localStorage
گزینه 3:
‏از طریق props
گزینه 4:
‏از طریق sessionStorage

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

🟢 توضیح :

‏داده‌ها را می‌توان از طریق props از `getServerSideProps` به کامپوننت‌های React منتقل کرد.


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
🔵 کوییز #React_js

🟣 موضوع : ‏ساخت Hook سفارشی (Custom Hooks)

🟢 سوال :

‏برای جلوگیری از حلقه‌های بی‌نهایت در custom Hook که از useEffect استفاده می‌کند، چه باید کرد؟

گزینه 1:
‏آرایه dependencies را به درستی تنظیم کنید.
گزینه 2:
‏از setState درون useEffect استفاده نکنید.
گزینه 3:
‏همیشه cleanup بنویسید.
گزینه 4:
‏از hook داخلی استفاده نکنید.

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

🟢 توضیح :

‏تنظیم دقیق آرایه dependencies در useEffect مانع اجرای مداوم و حلقه بی‌پایان خواهد شد.


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
🔵 کوییز #جاوا_اسکریپت

🟣 موضوع : ‏تعامل با اشیاء (Objects) در جاوا اسکریپت

🟢 سوال :

‏کدام گزاره برای حذف یک ویژگی از یک شی در جاوا اسکریپت استفاده می شود؟

گزینه 1:
`remove property object.propertyName`
گزینه 2:
`delete object.propertyName`
گزینه 3:
`object.removeProperty(propertyName)`
گزینه 4:
`object.propertyName = null`

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

🟢 توضیح :

‏برای حذف یک ویژگی از شی، باید از گزاره `delete object.propertyName` استفاده کرد.


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
🔵 کوییز #React_js

🟣 موضوع : ‏ابزار Redux Toolkit

🟢 سوال :

‏کارکرد createAsyncThunk در RTK چیست؟

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

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

🟢 توضیح :

‏createAsyncThunk اکشن‌های pending، fulfilled و rejected را خودکار تولید و مدیریت می‌کند.


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
🔵 کوییز #‏جاوا_اسکریپت

🟣 موضوع : ‏کار با 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
🔥1
🔵 کوییز #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