🔵 کوییز #React_js

🟣 موضوع : ‏Props: تعاریف و کاربردها

🟢 سوال :

‏کدام یک از موارد زیر یک مثال از پراپ‌های پیش‌فرض (default props) است؟

گزینه 1:
`MyComponent.propTypes = {...}`
گزینه 2:
`MyComponent.defaultProps = {...}`
گزینه 3:
`MyComponent.initialProps = {...}`
گزینه 4:
`MyComponent.staticProps = {...}`

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

🟢 توضیح :

‏`defaultProps` یک ویژگی است که می‌توان برای تعیین مقادیر پیش‌فرض پراپ‌ها در صورتی که مقداری برای آن‌ها ارسال نشود، استفاده کرد.


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

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

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

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

🔵 کوییز #React_js

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

🟢 سوال :

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

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

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

🟢 توضیح :

‏`useNavigate` یک هوک است که یک تابع `navigate` برمی‌گرداند که می‌توانید برای ریدایرکت کردن برنامه‌نویسی کاربر استفاده کنید.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏روندها و آینده‌ی React.js (Fiber, Server Components)

🟢 سوال :

‏تفاوت اصلی بین Suspense و Server Components چیست؟

گزینه 1:
‏Suspense فقط برای CSS در React است
گزینه 2:
‏Server Components فقط برای مدیریت state است
گزینه 3:
‏Suspense بیشتر برای دریافت داده در سمت کلاینت و Server Components برای رندر در سرور
گزینه 4:
‏هیچ تفاوتی ندارند و نام‌های جایگزین‌اند

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

🟢 توضیح :

‏Suspense در سمت کلاینت برای انتظار بارگذاری داده یا کامپوننت استفاده می‌شود، در حالی که Server Components روی سرور رندر می‌شوند.


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

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

آدرس کانال اصلی :
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

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

🟢 سوال :

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

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

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

🟢 توضیح :

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


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

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

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

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

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

🟣 موضوع : ‏تایپ کوئرینگ (Type Coercion) در جاوا اسکریپت

🟢 سوال :

‏نتیجهٔ عبارت 5 == "5" چیست؟

گزینه 1:
true
گزینه 2:
false
گزینه 3:
TypeError
گزینه 4:
"5"

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

🟢 توضیح :

‏در == مقدارها قبل مقایسه به عدد تبدیل می‌شوند و 5 == 5


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

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

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

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

🔵 کوییز #React_js

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

🟢 سوال :

‏کدام ابزار برای فرمت‌بندی خودکار کد در هنگام ذخیره فایل مناسب است؟

گزینه 1:
Webpack
گزینه 2:
Babel
گزینه 3:
ESLint --fix
گزینه 4:
Prettier --write

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

🟢 توضیح :

‏Prettier به همراه یک ویرایشگر کد پیکربندی می‌شود تا به صورت خودکار کد را هنگام ذخیره فایل فرمت کند.


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

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

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

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

🔵 کوییز #مفاهیم_کلی_برنامه_نویسی

🟣 موضوع : ‏مفاهیم متغیرها و انواع داده‌ها: تعریف، نوع‌های عددی، متنی و منطقی

🟢 سوال :

‏کدام یک از موارد زیر یک تکنیک برای تبدیل یک متغیر عددی به متغیر متنی است؟

گزینه ۱:
‏استفاده از عملگر "+"

گزینه ۲:
‏استفاده از تابع str()

گزینه ۳:
‏استفاده از تابع int()

گزینه ۴:
‏استفاده از تابع bool()



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

🟢 توضیح :

‏تابع str() برای تبدیل یک متغیر عددی به متغیر متنی استفاده می‌شود.

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

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

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

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

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

🟣 موضوع : ‏آشنایی با تکنولوژی‌های WebSocket برای ارتباط real-time

🟢 سوال :

‏WebSocket بر روی کدام پروتکل لایه پایین‌تر ساخته شده است؟

گزینه 1:
UDP
گزینه 2:
TCP
گزینه 3:
HTTP
گزینه 4:
FTP

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

🟢 توضیح :

‏WebSocket در ابتدا به عنوان یک ارتقاء از اتصال HTTP آغاز می‌شود، اما پس از برقراری اتصال، از پروتکل TCP برای ارتباطات تمام‌دوبلکس استفاده می‌کند.


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

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

آدرس کانال اصلی :
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


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

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

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

🟣 موضوع : ‏آشنایی با Node.js و کاربردهای آن

🟢 سوال :

‏کدام ماژول Node.js برای ایجاد سرور HTTP استفاده می شود؟

گزینه 1:
fs
گزینه 2:
http
گزینه 3:
url
گزینه 4:
net

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

🟢 توضیح :

‏ماژول http برای ایجاد سرورهای HTTP و مدیریت درخواست ها و پاسخ ها استفاده می شود.


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

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

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

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

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

🟣 موضوع : ‏کاربرد Memoization در بهینه‌سازی کد

🟢 سوال :

‏WeakMap در مقایسه با Map چه مزایایی برای پیاده‌سازی Cache در Memoization دارد؟

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

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

🟢 توضیح :

‏WeakMap اجازه می‌دهد تا اگر کلید (که معمولاً یک شیء است) دیگر در جای دیگری از برنامه ارجاع داده نشود، Garbage Collector حافظه آن را آزاد کند و از نشت حافظه جلوگیری شود.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏State: مدیریت حالت داخلی کامپوننت

🟢 سوال :

‏در کامپوننت تابعی React برای تعریف state باید از چه هوکی استفاده کرد؟

گزینه 1:
this.state
گزینه 2:
useState
گزینه 3:
setState
گزینه 4:
constructor

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

🟢 توضیح :

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


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

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

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

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

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

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

🟢 سوال :

‏کدام رویداد برای تشخیص تغییر مقدار یک فیلد فرم استفاده می شود؟

گزینه 1:
onclick
گزینه 2:
onsubmit
گزینه 3:
onchange
گزینه 4:
onblur

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

🟢 توضیح :

‏رویداد `onchange` زمانی فعال می شود که مقدار یک عنصر فرم تغییر کند.


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

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

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

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

🔵 کوییز #React_js

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

🟢 سوال :

‏اگر آرایه وابستگی‌های useEffect خالی باشد، useEffect چه زمانی اجرا می‌شود؟

گزینه 1:
‏در هر رندر
گزینه 2:
‏فقط بعد از اولین رندر
گزینه 3:
‏قبل از هر رندر
گزینه 4:
‏هرگز اجرا نمی‌شود

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

🟢 توضیح :

‏آرایه وابستگی‌های خالی باعث می‌شود useEffect فقط بعد از اولین رندر اجرا شود.


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

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

آدرس کانال اصلی :
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

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

🟢 سوال :

‏چه زمانی باید از `useReducer` به جای `useState` استفاده کرد؟

گزینه 1:
‏وقتی state ساده است
گزینه 2:
‏وقتی نیازی به state نیست
گزینه 3:
‏وقتی منطق state پیچیده است
گزینه 4:
‏وقتی از کامپوننت‌های کلاسی استفاده می‌کنیم

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

🟢 توضیح :

‏`useReducer` برای مدیریت state پیچیده با منطق به‌روزرسانی پیچیده مناسب است.


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

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

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

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

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

🟣 موضوع : ‏آشنایی با Package Managerهایی مانند npm و yarn

🟢 سوال :

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

گزینه 1:
npm view <package-name>
گزینه 2:
npm info <package-name>
گزینه 3:
npm show <package-name>
گزینه 4:
npm details <package-name>

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

🟢 توضیح :

‏دستور npm info <package-name> اطلاعات جامعی در مورد پکیج مورد نظر از رجیستری npm نمایش می‌دهد.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏Error Boundaries برای مدیریت خطای کامپوننت

🟢 سوال :

‏کدامیک نمی‌تواند Error Boundary باشد؟

گزینه 1:
functional component
گزینه 2:
class component
گزینه 3:
‏کامپوننتی با componentDidCatch
گزینه 4:
‏کامپوننتی که getDerivedStateFromError دارد

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

🟢 توضیح :

‏فانکشن کامپوننت‌ها امکان داشتن متدهای lifecycle مثل componentDidCatch را ندارند


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

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

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

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

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

🟣 موضوع : ‏مبانی React.js: ایجاد کامپوننت‌ها و مدیریت state

🟢 سوال :

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

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

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

🟢 توضیح :

‏هنگام به‌روزرسانی state بر اساس state قبلی، استفاده از یک تابع به `setState` بهترین روش است تا از مشکلات همزمانی جلوگیری شود.


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

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

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

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