🔵 کوییز #React_js

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

🟢 سوال :

‏کدام اصل در طراحی سیستم کامپوننت بر ترجیح ترکیب به جای وراثت تأکید دارد؟

گزینه 1:
SOLID
گزینه 2:
MVC
گزینه 3:
Composition over Inheritance
گزینه 4:
HOC

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

🟢 توضیح :

‏اصل Composition over Inheritance بیان می‌کند که ترکیب کامپوننت‌ها بر وراثت ارجح است.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏ساختار یک پروژه‌ی React با Create React App

🟢 سوال :

‏پوشه `public` در یک پروژه Create React App شامل چه چیزی است؟

گزینه 1:
‏کد JavaScript برنامه
گزینه 2:
‏کامپوننت‌های React
گزینه 3:
‏فایل‌های استاتیک مانند HTML، CSS و تصاویر
گزینه 4:
‏فایل‌های پیکربندی پروژه

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

🟢 توضیح :

‏پوشه `public` شامل فایل‌هایی است که مستقیماً توسط مرورگر قابل دسترسی هستند.


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

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

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

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

🎓 پکیج‌های طلایی آموزش برنامه‌نویسی از Udemy
📦 با زیرنویس فارسی | روی فلش ۱۲۸ گیگابایتی | آماده ارسال فوری 🚀

🧠 یادگیری با بهترین دوره‌ها، از مبتدی تا حرفه‌ای!


💻 توسعه دهنده فرانت اند هستی؟ اینا مخصوص توئه:

🔹 جاوااسکریپت (JavaScript)
📥 پکیج دوره‌های جاوااسکریپت

🎨 آموزش CSS: طراحی شیک و حرفه‌ای صفحات وب
📥 پکیج دوره‌های CSS

⚛️ آموزش React JS: دنیای کامپوننت‌ها و رابط کاربری مدرن
📥 پکیج دوره‌های React

آموزش 🅰️ Angular: فریم‌ورک قدرتمند گوگل برای اپ‌های حرفه‌ای
📥 پکیج دوره‌های Angular

🌐 آموزش Next.js: ساخت اپلیکیشن‌های SSR و فوق سریع
📥 دانلود پکیج دوره‌های Next.js



🧑‍💻 توسعه دهنده بکند هستی؟ اینا مخصوص شماست:

🚀 آموزش ASP .NET Core: برای ساخت API و وب‌سایت‌های مقیاس‌پذیر
📥 پکیج دوره‌های ASP.NET Core

🧾 آموزش Node .Js : نوشتن کدهای ایمن‌تر و حرفه‌ای‌تر
📥 پکیج دوره‌های Node.Js


🧾 آموزش TypeScript: نوشتن کدهای ایمن‌تر و حرفه‌ای‌تر
📥 پکیج دوره‌های TypeScript


📩 برای سفارش سریع: وارد لینک‌ها شو و ثبت سفارش رو بزن

📦 ارسال به سراسر ایران با پست پیشتاز

🔵 کوییز #React_js

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

🟢 سوال :

‏چه چیزی به بهبود دسترسی (Accessibility) سیستم کامپوننت کمک می‌کند؟

گزینه 1:
‏استفاده از کتابخانه Material UI
گزینه 2:
‏استفاده از ARIA attributes
گزینه 3:
‏استفاده از CSS Animations
گزینه 4:
‏استفاده از فونت های سفارشی

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

🟢 توضیح :

‏ARIA attributes برای ارائه اطلاعات اضافی به screen readers استفاده می شوند.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏Context API برای مدیریت وضعیت سراسری

🟢 سوال :

‏در چه مواردی استفاده از Context API به Redux ترجیح داده می‌شود؟

گزینه 1:
‏برنامه‌های با state پیچیده و global
گزینه 2:
‏برنامه‌های با state ساده و localized
گزینه 3:
‏برنامه‌های با نیاز به middleware
گزینه 4:
‏برنامه‌های با نیاز به persist شدن state

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

🟢 توضیح :

‏Context API برای برنامه‌هایی که state ساده و localized دارند، اغلب به Redux ترجیح داده می‌شود.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏Toast Notification با react‑toastify

🟢 سوال :

‏کدام مؤلفه را باید در سطح ریشه برنامه اضافه کنید تا ابزارک‌های Toast نمایش داده شوند؟

گزینه 1:
<ToastContainer />
گزینه 2:
<ToastProvider />
گزینه 3:
<ToastManager />
گزینه 4:
<ToastRoot />

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

🟢 توضیح :

‏<ToastContainer /> مسئول رندر و مدیریت نوتیفیکیشن‌ها است


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏کامپوننت‌های تابعی (Function Components)

🟢 سوال :

‏چه زمانی باید از `useMemo` در کامپوننت‌های تابعی استفاده کرد؟

گزینه 1:
‏برای مدیریت side effects
گزینه 2:
‏برای ذخیره نتایج محاسبات سنگین
گزینه 3:
‏برای به‌روزرسانی state
گزینه 4:
‏برای تعریف props

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

🟢 توضیح :

‏`useMemo` برای بهینه‌سازی عملکرد و جلوگیری از محاسبات غیرضروری استفاده می‌شود.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏تست End-to-End با Cypress

🟢 سوال :

‏Cypress برای تست چه نوع برنامه‌هایی مناسب است؟

گزینه 1:
API
گزینه 2:
Frontend
گزینه 3:
Backend
گزینه 4:
Mobile

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

🟢 توضیح :

‏Cypress ابزاری قدرتمند برای تست برنامه‌های فرانت‌اند (Frontend) است.


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

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

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

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

🎓 پکیج‌های طلایی آموزش برنامه‌نویسی از Udemy
📦 با زیرنویس فارسی | روی فلش ۱۲۸ گیگابایتی | آماده ارسال فوری 🚀

🧠 یادگیری با بهترین دوره‌ها، از مبتدی تا حرفه‌ای!


💻 توسعه دهنده فرانت اند هستی؟ اینا مخصوص توئه:

🔹 جاوااسکریپت (JavaScript)
📥 پکیج دوره‌های جاوااسکریپت

🎨 آموزش CSS: طراحی شیک و حرفه‌ای صفحات وب
📥 پکیج دوره‌های CSS

⚛️ آموزش React JS: دنیای کامپوننت‌ها و رابط کاربری مدرن
📥 پکیج دوره‌های React

آموزش 🅰️ Angular: فریم‌ورک قدرتمند گوگل برای اپ‌های حرفه‌ای
📥 پکیج دوره‌های Angular

🌐 آموزش Next.js: ساخت اپلیکیشن‌های SSR و فوق سریع
📥 دانلود پکیج دوره‌های Next.js



🧑‍💻 توسعه دهنده بکند هستی؟ اینا مخصوص شماست:

🚀 آموزش ASP .NET Core: برای ساخت API و وب‌سایت‌های مقیاس‌پذیر
📥 پکیج دوره‌های ASP.NET Core

🧾 آموزش Node .Js : نوشتن کدهای ایمن‌تر و حرفه‌ای‌تر
📥 پکیج دوره‌های Node.Js


🧾 آموزش TypeScript: نوشتن کدهای ایمن‌تر و حرفه‌ای‌تر
📥 پکیج دوره‌های TypeScript


📩 برای سفارش سریع: وارد لینک‌ها شو و ثبت سفارش رو بزن

📦 ارسال به سراسر ایران با پست پیشتاز

🔵 کوییز #React_js

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

🟢 سوال :

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

گزینه 1:
JSON.stringify
گزینه 2:
FormData
گزینه 3:
LocalStorage
گزینه 4:
SessionStorage

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

🟢 توضیح :

‏FormData امکان ارسال داده‌های باینری مثل فایل را به سرور فراهم می‌کند.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏تست End-to-End با Cypress

🟢 سوال :

‏Cypress برای تست چه نوع برنامه‌هایی مناسب است؟

گزینه 1:
API
گزینه 2:
Frontend
گزینه 3:
Backend
گزینه 4:
Mobile

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

🟢 توضیح :

‏Cypress ابزاری قدرتمند برای تست برنامه‌های فرانت‌اند (Frontend) است.


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

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

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

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

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

🟣 موضوع : ‏مبانی Testing در جاوا اسکریپت: Unit Testing با Jest و Mocha

🟢 سوال :

‏در Mocha، از کدام ساختار برای تعریف مجموعه‌ای از تست‌های مرتبط استفاده می‌شود؟

گزینه 1:
testSuite()
گزینه 2:
describe()
گزینه 3:
testGroup()
گزینه 4:
context()

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

🟢 توضیح :

‏تابع describe() در Mocha برای گروه‌بندی تست‌های مرتبط به یکدیگر استفاده می‌شود. context() نیز عملکردی مشابه دارد.


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

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

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

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

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

🟣 موضوع : ‏آشنایی با Hookها در React

🟢 سوال :

‏کدام هوک برای مدیریت state در کامپوننت‌های تابعی استفاده می‌شود؟

گزینه 1:
useState
گزینه 2:
useEffect
گزینه 3:
useContext
گزینه 4:
useRef

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

🟢 توضیح :

‏`useState` هوکی است که به شما اجازه می‌دهد state را در یک کامپوننت تابعی مدیریت کنید.


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

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

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

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

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

🟣 موضوع : ‏استفاده از Getterها و Setterها در اشیاء

🟢 سوال :

‏در جاوااسکریپت، برای تعریف یک getter در داخل آبجکت از کدام کلیدواژه استفاده می‌شود؟

گزینه 1:
get
گزینه 2:
set
گزینه 3:
function
گزینه 4:
defineGetter

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

🟢 توضیح :

‏برای تعریف getter از کلیدواژه get قبل از نام property استفاده می‌شود.


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

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

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

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

🎓 پکیج‌های طلایی آموزش برنامه‌نویسی از Udemy
📦 با زیرنویس فارسی | روی فلش ۱۲۸ گیگابایتی | آماده ارسال فوری 🚀

🧠 یادگیری با بهترین دوره‌ها، از مبتدی تا حرفه‌ای!


💻 توسعه دهنده فرانت اند هستی؟ اینا مخصوص توئه:

🔹 جاوااسکریپت (JavaScript)
📥 پکیج دوره‌های جاوااسکریپت

🎨 آموزش CSS: طراحی شیک و حرفه‌ای صفحات وب
📥 پکیج دوره‌های CSS

⚛️ آموزش React JS: دنیای کامپوننت‌ها و رابط کاربری مدرن
📥 پکیج دوره‌های React

آموزش 🅰️ Angular: فریم‌ورک قدرتمند گوگل برای اپ‌های حرفه‌ای
📥 پکیج دوره‌های Angular

🌐 آموزش Next.js: ساخت اپلیکیشن‌های SSR و فوق سریع
📥 دانلود پکیج دوره‌های Next.js



🧑‍💻 توسعه دهنده بکند هستی؟ اینا مخصوص شماست:

🚀 آموزش ASP .NET Core: برای ساخت API و وب‌سایت‌های مقیاس‌پذیر
📥 پکیج دوره‌های ASP.NET Core

🧾 آموزش Node .Js : نوشتن کدهای ایمن‌تر و حرفه‌ای‌تر
📥 پکیج دوره‌های Node.Js


🧾 آموزش TypeScript: نوشتن کدهای ایمن‌تر و حرفه‌ای‌تر
📥 پکیج دوره‌های TypeScript


📩 برای سفارش سریع: وارد لینک‌ها شو و ثبت سفارش رو بزن

📦 ارسال به سراسر ایران با پست پیشتاز

🔵 کوییز #React_js

🟣 موضوع : ‏Static Site Generation (SSG) با Next.js

🟢 سوال :

‏تفاوت اصلی بین SSG و SSR در Next.js چیست؟

گزینه 1:
‏SSR در سمت سرور رندر می‌شود، SSG در زمان ساخت رندر می‌شود
گزینه 2:
‏SSG در سمت سرور رندر می‌شود، SSR در زمان ساخت رندر می‌شود
گزینه 3:
‏SSG فقط برای داده‌های استاتیک است، SSR برای داده‌های پویا است
گزینه 4:
‏SSR فقط برای داده‌های استاتیک است، SSG برای داده‌های پویا است

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

🟢 توضیح :

‏SSR در هر درخواست رندر می‌شود، در حالی که SSG در زمان ساخت رندر می‌شود.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏Server-Side Rendering (SSR) با Next.js

🟢 سوال :

‏کدام قلاب (Hook) در Next.js برای دریافت داده‌ها در طول رندرینگ سمت سرور استفاده می‌شود؟

گزینه 1:
useEffect
گزینه 2:
useState
گزینه 3:
getServerSideProps
گزینه 4:
getStaticProps

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

🟢 توضیح :

‏getServerSideProps یک تابع async است که می‌تواند در هر صفحه صادر شود تا داده‌ها را در هر درخواست واکشی کند.


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

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

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

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

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

🟣 موضوع : ‏آشنایی با محیط‌های توسعه (IDE) برای جاوا اسکریپت

🟢 سوال :

‏کدام ویژگی IDE به توسعه‌دهندگان امکان می‌دهد تا ساختار کد را تغییر داده و آن را بهبود بخشند بدون اینکه رفتار آن تغییر کند؟ (مانند تغییر نام متغیرها یا استخراج توابع)

گزینه 1:
Debugging
گزینه 2:
Profiling
گزینه 3:
Refactoring
گزینه 4:
Code Completion

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

🟢 توضیح :

‏Refactoring به فرآیند بهبود ساختار داخلی کد بدون تغییر رفتار خارجی آن اشاره دارد.


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

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

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

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

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

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

🟢 سوال :

‏کدام هدر توسط helmet.hidePoweredBy() پنهان می‌شود؟

گزینه 1:
X-Powered-By
گزینه 2:
X-XSS-Protection
گزینه 3:
X-Frame-Options
گزینه 4:
Strict-Transport-Security

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

🟢 توضیح :

‏این middleware هدر X-Powered-By را حذف می‌کند.


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

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

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

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