🔵 کوییز #React_js

🟣 موضوع : ‏تست e2e با Playwright

🟢 سوال :

‏Playwright برای تست E2E در React چه چیزی ارائه می دهد؟

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

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

🟢 توضیح :

‏Playwright تمام این ویژگی ها را برای تست E2E ارائه می دهد.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏مدیریت فُرمت‌های تاریخ و زمان با Moment.js

🟢 سوال :

‏کدام متد Moment.js برای تبدیل تاریخ به فرمت محلی استفاده می‌شود؟

گزینه 1:
toLocaleString()
گزینه 2:
toLocaleFormat()
گزینه 3:
local()
گزینه 4:
format('L')

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

🟢 توضیح :

‏`format('L')` یک راه آسان برای نمایش تاریخ در فرمت محلی است. همچنین می توانید از `format('LL')` و غیره برای فرمت های دیگر استفاده کنید.


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

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

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

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

🔵 کوییز #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