🔵 کوییز #React_js

🟣 موضوع : ‏استفاده از Redux برای مدیریت وضعیت

🟢 سوال :

‏Store در Redux چه نقشی دارد؟

گزینه 1:
‏ذخیره وضعیت برنامه
گزینه 2:
‏تعریف رابط کاربری
گزینه 3:
‏ارسال درخواست‌های HTTP
گزینه 4:
‏مدیریت رویدادها

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

🟢 توضیح :

‏Store یک شی است که وضعیت کل برنامه را در خود نگه می‌دارد. تنها راه برای تغییر وضعیت، ارسال یک action به store است.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏تفاوت React.js و React Native

🟢 سوال :

‏کدام کتابخانه برای انیمیشن در React.js معمولاً استفاده می‌شود؟

گزینه 1:
onClick
گزینه 2:
Gesture Responder
گزینه 3:
TouchableOpacity
گزینه 4:
React Spring

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

🟢 توضیح :

‏React Spring یک کتابخانه انیمیشن برای React.js است.


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

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

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

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

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

🟣 موضوع : ‏مبانی Module Bundling با Webpack، Rollup و Parcel

🟢 سوال :

‏کدام Bundler می‌تواند فایل‌های CSS و تصاویر را نیز مدیریت کند؟

گزینه 1:
‏فقط Webpack
گزینه 2:
‏فقط Parcel
گزینه 3:
‏همه آن‌ها
گزینه 4:
‏فقط Rollup

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

🟢 توضیح :

‏Webpack, Rollup و Parcel همگی قابلیت مدیریت فایل‌های CSS، تصاویر و سایر دارایی‌ها را دارند.


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

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

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

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

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

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

🟢 سوال :

‏برای پردازش document.cookie و استخراج نام و مقدار کوکی چه کار می‌کنیم؟

گزینه 1:
JSON.parse(document.cookie)
گزینه 2:
‏split("; ") و سپس split("=")
گزینه 3:
decodeURI(document.cookie)
گزینه 4:
replace(";","")

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

🟢 توضیح :

‏ابتدا کوکی‌ها را با split("; ") و سپس هر قسمت را با split("=") به نام و مقدار می‌شکنیم.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏Redirect و Navigate در React Router

🟢 سوال :

‏رفتار اصلی کامپوننت Navigate چیست؟

گزینه 1:
‏باز کردن صفحه در تب جدید
گزینه 2:
‏تغییر URL و بازسازی مسیر فعلی
گزینه 3:
‏ایجاد پوشه جدید در پروژه
گزینه 4:
‏تغییر استایل روتر

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

🟢 توضیح :

‏Navigate با تغییر URL به آدرس جدید ریدایرکت واقعی انجام می‌دهد


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

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

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

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

🔵 Beginner JavaScript Tutorial - 15 - if/else Statement

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

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

🟣 JavaScript Tutorials Playlist

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


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

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

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

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

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

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

🟢 سوال :

‏برای اطمینان از اینکه یک مقدار عددی است در جاوااسکریپت کدام روش مناسب‌تر است؟

گزینه 1:
typeof value === "number"
گزینه 2:
!isNaN(value)
گزینه 3:
value.match(/\d+/)
گزینه 4:
parseInt(value) === value

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

🟢 توضیح :

‏!isNaN(value) زمانی که مقدار عددی است true برمی‌گرداند.


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

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

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

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

🔵 کوییز #React_js

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

🟢 سوال :

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

گزینه 1:
this.setState({ count: this.state.count + 1 })
گزینه 2:
this.setState(prevState => ({ count: prevState.count + 1 }))
گزینه 3:
this.forceUpdate()
گزینه 4:
this.state.count = this.state.count + 1

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

🟢 توضیح :

‏برای محاسبه state جدید بر اساس state قبلی باید از callback در setState استفاده کرد


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

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

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

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

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

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

🟢 سوال :

‏پارامتر "secure" در تنظیم کوکی برای چیست؟

گزینه 1:
‏کوکی فقط از طریق HTTPS ارسال شود
گزینه 2:
‏کوکی در سمت سرور رمزگذاری شود
گزینه 3:
‏جلوگیری از دسترسی جاوا اسکریپت به کوکی
گزینه 4:
‏تعیین سطح امنیت کوکی

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

🟢 توضیح :

‏پارامتر secure تضمین می کند که کوکی فقط از طریق یک اتصال امن HTTPS ارسال می شود.


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

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

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

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

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

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

🟢 سوال :

‏Vue.js چیست؟

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

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

🟢 توضیح :

‏Vue.js یک فریم‌ورک پیشرو برای ساخت رابط‌های کاربری است که به دلیل سادگی و انعطاف‌پذیری شناخته شده است.


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

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

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

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

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

🟣 موضوع : ‏مفاهیم مربوط به Single Page Applications (SPA)

🟢 سوال :

‏کدام API مرورگر معمولاً برای مدیریت تاریخچه مرورگر و امکان استفاده از دکمه‌های "بازگشت" و "بعدی" در SPAها استفاده می‌شود؟

گزینه 1:
History API
گزینه 2:
Location API
گزینه 3:
Navigation API
گزینه 4:
Routing API

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

🟢 توضیح :

‏History API به SPAها اجازه می‌دهد تا URL مرورگر را بدون بارگیری مجدد صفحه تغییر دهند و سابقه مرور کاربر را دستکاری کنند، که برای پیاده‌سازی مسیریابی سمت کلاینت ضروری است.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏Hook‌ پایه: `useState`

🟢 سوال :

‏`setState` چه زمانی کامپوننت را دوباره رندر می‌کند؟

گزینه 1:
‏فقط وقتی مقدار state تغییر کند
گزینه 2:
‏همیشه، بدون توجه به تغییر state
گزینه 3:
‏فقط وقتی که یک event رخ دهد
گزینه 4:
‏فقط در فواصل زمانی مشخص

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

🟢 توضیح :

‏React برای بهینه‌سازی رندرها، فقط زمانی کامپوننت را دوباره رندر می‌کند که مقدار state تغییر کرده باشد.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏React.Fragment و کوتاه‌شده‌ی آن (`<>…</>`)

🟢 سوال :

‏React.Fragment چیست؟

گزینه 1:
‏یک کامپوننت برای استایل‌دهی
گزینه 2:
‏یک راه برای گروه‌بندی فرزندان بدون افزودن گره اضافی به DOM
گزینه 3:
‏یک تابع برای مدیریت state
گزینه 4:
‏یک هوک برای lifecycle

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

🟢 توضیح :

‏React.Fragment به شما اجازه می‌دهد تا لیستی از فرزندان را بدون ایجاد یک گره DOM اضافی برگردانید.


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

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

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

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

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

🟣 موضوع : ‏کاربرد روش‌های bind، call و apply

🟢 سوال :

‏خروجی کد زیر چیست؟ const calculator = { add: function(a, b) { return a + b; } }; const result = calculator.add.apply(null, [5, 3]); console.log(result);

گزینه 1:
NaN
گزینه 2:
8
گزینه 3:
'53'
گزینه 4:
‏خطا

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

🟢 توضیح :

‏متد apply() تابع add را با مقدار this برابر با null (در این مورد this در تابع add استفاده نمی‌شود) و آرگومان‌های 5 و 3 که در یک آرایه قرار داده شده‌اند، فراخوانی می‌کند. نتیجه جمع (8) در متغیر result ذخیره می‌شود.


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

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

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

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

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

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

🟢 سوال :

‏Helmet از طریق تنظیم کدام بخش از پاسخ HTTP امنیت را بهبود می‌بخشد؟

گزینه ۱:
Body

گزینه ۲:
Headers

گزینه ۳:
Status Code

گزینه ۴:
Cookies

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

🟢 توضیح :

‏Helmet با تنظیم هدرهای HTTP مختلف، از برنامه در برابر حملات محافظت می‌کند.

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

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

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

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

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

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

🟢 سوال :

‏در قطعه‌کد زیر چه چیزی چاپ می‌شود؟ if(false) console.log('a'); else console.log('b');

گزینه 1:
a
گزینه 2:
‏هیچ خروجی
گزینه 3:
b
گزینه 4:
‏خطا

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

🟢 توضیح :

‏با false بودن شرط، بلوک else اجرا و 'b' چاپ می‌شود.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏طراحی Mobile‑First در React

🟢 سوال :

‏چگونه می توان از Accessibility در طراحی Mobile-First اطمینان حاصل کرد؟

گزینه 1:
‏افزایش کنتراست رنگ و استفاده از ARIA attributes
گزینه 2:
‏کاهش اندازه فونت
گزینه 3:
‏استفاده از تصاویر زیاد بدون متن جایگزین
گزینه 4:
‏حذف دکمه ها

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

🟢 توضیح :

‏افزایش کنتراست رنگ و استفاده از ARIA attributes به افراد دارای معلولیت کمک می کند تا به راحتی از برنامه استفاده کنند.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏مدیریت خطا و نمایش پیام خطا

🟢 سوال :

‏اگر در کامپوننت React با خطایی مواجه شویم که باعث crash شود، چه راهکاری برای جلوگیری از crash کل برنامه وجود دارد؟

گزینه 1:
‏استفاده از try/catch در تمام توابع
گزینه 2:
‏استفاده از Error Boundaries
گزینه 3:
‏استفاده از `componentDidCatch` در تمام کامپوننت‌ها
گزینه 4:
‏غیر فعال کردن strict mode

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

🟢 توضیح :

‏Error Boundaries کامپوننت‌هایی هستند که می‌توانند خطاهای زیر درخت خود را بگیرند و رندر کنند.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏Portals در React

🟢 سوال :

‏با چه تابعی Portal ایجاد می‌شود؟

گزینه 1:
ReactDOM.renderPortal
گزینه 2:
ReactDOM.createPortal
گزینه 3:
React.createPortal
گزینه 4:
ReactDOM.portal

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

🟢 توضیح :

‏تابع createPortal از ReactDOM برای رندر عنصر در container دلخواه استفاده می‌شود.


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

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

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

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

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

🟣 موضوع : ‏توابع Arrow در مقابل توابع عادی

🟢 سوال :

‏کدام یک از موارد زیر در مورد استفاده از `this` در توابع Arrow صحیح است؟

گزینه 1:
‏`this` در توابع Arrow به شیء سراسری (`window` در مرورگر) اشاره دارد
گزینه 2:
‏`this` در توابع Arrow پویا است و به نحوه فراخوانی تابع بستگی دارد
گزینه 3:
‏`this` در توابع Arrow مقداری ندارد
گزینه 4:
‏`this` در توابع Arrow از محدوده لغوی خود به ارث می رسد

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

🟢 توضیح :

‏توابع Arrow مقدار `this` را از محدوده ای که در آن تعریف شده اند به ارث می برند. به این معنی که `this` داخل تابع Arrow همان `this` خارج از تابع است.


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

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

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

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

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

🟣 موضوع : ‏مفهوم Undefined و Null و تفاوت آن‌ها

🟢 سوال :

‏تفاوت اصلی بین undefined و null در چیست؟

گزینه 1:
‏undefined نشان‌دهنده نوع داده است، در حالی که null یک مقدار است.
گزینه 2:
‏undefined نشان‌دهنده نبود مقدار به دلیل عدم مقداردهی است، در حالی که null نشان‌دهنده نبود عمدی مقدار است.
گزینه 3:
‏null یک شیء است، در حالی که undefined یک مقدار ابتدایی است.
گزینه 4:
‏هیچ تفاوت اساسی بین آن‌ها وجود ندارد و می‌توان به جای یکدیگر استفاده کرد.

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

🟢 توضیح :

‏تفاوت کلیدی این است که undefined معمولاً نشان می‌دهد که یک متغیر هنوز مقدار نگرفته است، در حالی که null نشان می‌دهد که یک متغیر به طور عمدی برای نشان دادن نبود مقدار تنظیم شده است.


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

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

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

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