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

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

🟢 سوال :

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

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

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

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

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



🔵 گزینه صحیح: 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

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

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

🟢 سوال :

‏کدام سینتکس برای استخراج مقادیر از یک شیء و تخصیص آن‌ها به متغیرهایی با نام‌های متفاوت استفاده می‌شود؟

گزینه 1:
const { key: newName } = obj;
گزینه 2:
const newName = obj.key;
گزینه 3:
const { newName = obj.key };
گزینه 4:
const [ newName ] = obj;

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

🟢 توضیح :

‏سینتکس { key: newName } به شما امکان می‌دهد مقدار مرتبط با کلید key در شیء obj را به متغیری با نام newName تخصیص دهید.


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

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

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

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

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

🟣 موضوع : ‏اصول AJAX: درخواست‌های ناهمزمان به سرور

🟢 سوال :

‏برای دریافت داده‌های باینری (blob) در Fetch API از کدام متد استفاده می‌کنیم؟

گزینه 1:
response.text()
گزینه 2:
response.json()
گزینه 3:
response.blob()
گزینه 4:
response.formData()

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

🟢 توضیح :

‏متد blob() پاسخ را به صورت Binary Blob برمی‌گرداند


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏طراحی سیستم کامپوننت (Design System)

🟢 سوال :

‏استاندارد WCAG چه ارتباطی با Design System دارد؟

گزینه 1:
‏مستندسازی API
گزینه 2:
‏دسترس‌پذیری (Accessibility)
گزینه 3:
‏بهینه‌سازی عملکرد
گزینه 4:
‏استایل‌دهی

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

🟢 توضیح :

‏WCAG مجموعه دستورالعمل‌هایی برای افزایش دسترس‌پذیری رابط‌های کاربری ارائه می‌دهد.


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

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

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

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

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

🟣 موضوع : ‏ایجاد APIهای RESTful با Express.js

🟢 سوال :

‏در Express.js، چگونه می‌توان داده‌ها را از بدنه (body) یک درخواست POST دریافت کرد؟

گزینه ۱:
req.query

گزینه ۲:
req.params

گزینه ۳:
req.body

گزینه ۴:
req.headers

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

🟢 توضیح :

‏برای دسترسی به بدنه درخواست (معمولاً JSON)، به `req.body` مراجعه کنید.

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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : Incremental Static Regeneration (ISR)

🟢 سوال :

‏ISR چه تاثیری بر سئو دارد؟

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

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

🟢 توضیح :

‏ISR با ارائه محتوای استاتیک و به‌روز، به بهبود رتبه سئو کمک می‌کند.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏بارگذاری فایل (File Upload)

🟢 سوال :

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

گزینه 1:
localStorage
گزینه 2:
SessionStorage
گزینه 3:
‏XMLHttpRequest یا Fetch API
گزینه 4:
Cookies

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

🟢 توضیح :

‏XMLHttpRequest و Fetch API امکان ارسال داده‌ها، از جمله فایل‌ها، را به سرور فراهم می‌کنند.


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

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

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

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

🔵 کوییز #React_js

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

🟢 سوال :

‏کدامیک از این موارد یک پاسخ موفق (Success) در Axios محسوب می‌شود؟

گزینه 1:
‏کدهای پاسخ 2xx
گزینه 2:
‏کدهای پاسخ 3xx
گزینه 3:
‏کدهای پاسخ 4xx
گزینه 4:
‏کدهای پاسخ 5xx

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

🟢 توضیح :

‏کدهای پاسخ 2xx نشان‌دهنده موفقیت در عملیات هستند.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏پیاده‌سازی آزمون خودکار (Automated Testing)

🟢 سوال :

‏برای انتظار برای بروزرسانی‌های غیرهمزمان در React Testing Library از کدام تابع استفاده می‌کنیم؟

گزینه 1:
waitFor
گزینه 2:
findByText
گزینه 3:
act
گزینه 4:
wait

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

🟢 توضیح :

‏تابع waitFor تا زمانی که شرط تعیین‌شده برقرار شود صبر می‌کند.


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

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

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

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

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

🟣 موضوع : ‏آشنایی با LocalStorage و SessionStorage

🟢 سوال :

‏ظرفیت ذخیره‌سازی LocalStorage و SessionStorage معمولاً چقدر است؟

گزینه 1:
‏چند کیلوبایت.
گزینه 2:
‏چند مگابایت.
گزینه 3:
‏چند گیگابایت.
گزینه 4:
‏بسته به مرورگر متفاوت است، اما معمولاً چند مگابایت.

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

🟢 توضیح :

‏ظرفیت دقیق ذخیره‌سازی می‌تواند بین مرورگرهای مختلف متفاوت باشد، اما معمولاً حدود 5 تا 10 مگابایت برای هر origin (ترکیب پروتکل، دامنه و پورت) برای LocalStorage و کمی کمتر برای SessionStorage است.


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

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

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

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

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

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

🟢 سوال :

‏کدام ویژگی ES6 اجازه می‌دهد تا به راحتی مقادیر یک آرایه یا شیء را به متغیرها اختصاص دهیم؟

گزینه 1:
Spread Operator
گزینه 2:
Rest Parameter
گزینه 3:
Destructuring
گزینه 4:
Template Literals

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

🟢 توضیح :

‏Destructuring به ما اجازه می‌دهد تا مقادیر را از آرایه‌ها یا اشیاء به متغیرها اختصاص دهیم.


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

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

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

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