🔵 کوییز #React_js

🟣 موضوع : ‏نوشتن مستند کامپوننت با Storybook

🟢 سوال :

‏مزیت استفاده از Storybook در یک پروژه React چیست؟

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

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

🟢 توضیح :

‏Storybook به توسعه دهندگان اجازه می دهد تا کامپوننت ها را به صورت ایزوله توسعه دهند که منجر به توسعه سریعتر و منظم تر می شود.


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

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

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

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

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

🟣 موضوع : ‏استفاده از حلقه‌های for، while و do-while

🟢 سوال :

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

گزینه 1:
for
گزینه 2:
do-while
گزینه 3:
while
گزینه 4:
for...of

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

🟢 توضیح :

‏حلقه while تا زمانی که عبارت شرطی داخل پرانتز true ارزیابی شود، به اجرای بلوک کد خود ادامه می‌دهد. اگر شرط در ابتدا false باشد، بلوک کد هرگز اجرا نمی‌شود.


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

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

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

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

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