🔵 کوییز #React_js

🟣 موضوع : ‏SWR برای استراتژی‌های Fetch پیشرفته

🟢 سوال :

‏SWR چگونه به بهبود عملکرد کمک می کند؟

گزینه 1:
‏با کاهش تعداد درخواست های شبکه
گزینه 2:
‏با ذخیره سازی داده ها در سمت کلاینت
گزینه 3:
‏با ارائه یک API ساده برای واکشی داده
گزینه 4:
‏با همه موارد فوق

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

🟢 توضیح :

‏SWR به بهبود عملکرد کمک می کند از طریق کاهش درخواست های شبکه، ذخیره سازی داده ها و ارائه یک API ساده.


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

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

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

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

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

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

🟢 سوال :

‏اگر یک Promise با استفاده از await رد شود، چه اتفاقی می‌افتد؟

گزینه 1:
‏اجرای برنامه متوقف می‌شود.
گزینه 2:
‏یک خطا (Exception) پرتاب می‌شود.
گزینه 3:
‏مقدار undefined برگردانده می‌شود.
گزینه 4:
‏Promise نادیده گرفته می‌شود.

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

🟢 توضیح :

‏وقتی یک Promise رد شده با await مواجه می‌شود، یک خطا (Exception) پرتاب می‌شود که باید با بلاک try...catch مدیریت شود.


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

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

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

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

🔵 کوییز #React_js

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

🟢 سوال :

‏برای دسترسی به موقعیت جاری مسیر در React Router v6 از کدام هوک استفاده می‌شود؟

گزینه 1:
useNavigate
گزینه 2:
useHistory
گزینه 3:
useLocation
گزینه 4:
useParams

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

🟢 توضیح :

‏useLocation اطلاعات مربوط به مسیر فعلی را فراهم می‌کند


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

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

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

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

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

🟣 موضوع : ‏مفاهیم REST API در جاوا اسکریپت

🟢 سوال :

‏در یک REST API، منابع چگونه شناسایی می‌شوند؟

گزینه 1:
‏با استفاده از نام توابع
گزینه 2:
‏با استفاده از کلمات کلیدی خاص
گزینه 3:
‏با استفاده از شناسه‌های یکتا در URLها (URIها)
گزینه 4:
‏با استفاده از متغیرهای سراسری

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

🟢 توضیح :

‏منابع در REST API از طریق شناسه‌های یکتا در URLها (Uniform Resource Identifiers) شناسایی می‌شوند.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏استایل‌دهی با Emotion

🟢 سوال :

‏در Server-Side Rendering با Emotion برای استخراج استایل‌ها باید از چه چیزی استفاده کرد؟

گزینه 1:
renderToString
گزینه 2:
extractStyles
گزینه 3:
serializeStyles
گزینه 4:
extractCritical

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

🟢 توضیح :

‏تابع extractCritical از بسته '@emotion/server' برای استخراج استایل‌های CSS در SSR بکار می‌رود.


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

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

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

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

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