🔵 کوییز #React_js

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

🟢 سوال :

‏در زبان TypeScript برای استایل‌دهی با Emotion از کدام نوع می‌توان برای props کامپوننت استفاده کرد؟

گزینه 1:
ThemeProps
گزینه 2:
StyledComponentProps
گزینه 3:
EmotionCSS
گزینه 4:
StyleObject

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

🟢 توضیح :

‏نوع StyledComponentProps‌ برای تعریف props استایل شده در Emotion مناسب است.


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

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

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

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

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

🟣 موضوع : ‏ایجاد APIهای RESTful با Express.js

🟢 سوال :

‏کدام کد وضعیت HTTP معمولاً در پاسخ به یک درخواست DELETE موفقیت‌آمیز برگردانده می‌شود که هیچ محتوایی برنمی‌گرداند؟

گزینه 1:
‏200 OK (با بدنه خالی)
گزینه 2:
204 No Content
گزینه 3:
404 Not Found
گزینه 4:
500 Internal Server Error

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

🟢 توضیح :

‏کد وضعیت 204 No Content نشان می‌دهد که درخواست DELETE با موفقیت انجام شده است و سرور هیچ محتوایی برای ارسال در بدنه پاسخ ندارد.


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

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

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

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

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

🟣 موضوع : ‏توابع Arrow در مقابل توابع عادی

🟢 سوال :

‏کدام نوع تابع برای استفاده در Callbackها (به خصوص در متدهایی مانند map, filter, reduce) ترجیح داده می‌شود اگر نیازی به تغییر مقدار this نباشد؟

گزینه 1:
‏تابع عادی
گزینه 2:
‏تابع Arrow
گزینه 3:
‏هر دو به یک اندازه مناسب هستند.
گزینه 4:
‏بستگی به تعداد پارامترها دارد.

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

🟢 توضیح :

‏توابع Arrow به دلیل به ارث بردن this از Scope لغوی، در Callbackها که ممکن است مقدار this به طور ناخواسته تغییر کند، مفید هستند.


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

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

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

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

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

🟣 موضوع : ‏اصول AJAX: درخواست‌های ناهمزمان به سرور

🟢 سوال :

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

گزینه 1:
open
گزینه 2:
send
گزینه 3:
getResponseHeader
گزینه 4:
abort

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

🟢 توضیح :

‏متد send() درخواست را ارسال می‌کند


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

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

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

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

🔵 کوییز #React_js

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

🟢 سوال :

‏در getServerSideProps چه مقدار داده می‌توان بازگرداند؟

گزینه 1:
‏تنها داده‌های JSON
گزینه 2:
‏شی شامل props و redirect و notFound
گزینه 3:
‏فقط آرایه از مقادیر
گزینه 4:
‏اجباراً HTML

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

🟢 توضیح :

‏getServerSideProps می‌تواند شی شامل props، redirect یا notFound برگرداند.


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

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

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


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

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

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

🟣 موضوع : ‏کار با Service Workers و اصول PWA

🟢 سوال :

‏Progressive Web App (PWA) چیست؟

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

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

🟢 توضیح :

‏PWA یک برنامه وب است که از فناوری های مدرن وب (مانند Service Workers و manifest file) برای ارائه تجربه کاربری مشابه برنامه های بومی استفاده می کند.


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

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

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

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

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

🟣 موضوع : ‏Advanced Object Destructuring و Spread/Rest Operators

🟢 سوال :

‏چه چیزی مقدار پارامتر rest را در تابع زیر تعیین می‌کند؟ function f(a, ...rest) { }

گزینه 1:
‏بقیه آرگومان‌های ارسالی ورای a
گزینه 2:
‏آرایه خالی دائمی
گزینه 3:
‏مقدار a به‌جز بقیه
گزینه 4:
‏طول آرایه arguments

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

🟢 توضیح :

‏rest شامل آرایه‌ای از بقیه آرگومان‌هایی است که بعد از a ارسال شده‌اند.


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

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

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

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

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

🟣 موضوع : ‏روش‌های تغییر استایل و محتوای HTML با جاوا اسکریپت

🟢 سوال :

‏برای افزودن یک عنصر HTML جدید به DOM از کدام متد استفاده می شود؟

گزینه 1:
createElement()
گزینه 2:
appendChild()
گزینه 3:
insertBefore()
گزینه 4:
append()

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

🟢 توضیح :

‏appendChild() یک گره جدید را به عنوان آخرین فرزند یک عنصر اضافه می کند.


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

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

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

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

🔵 کوییز #React_js

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

🟢 سوال :

‏آیا می‌توان useEffect را داخل شرط if قرار داد؟

گزینه 1:
‏بله، بدون مشکل
گزینه 2:
‏خیر، همیشه خطا می‌دهد
گزینه 3:
‏فقط در React نسخه 18
گزینه 4:
‏نباید، اما می‌توان داخل callback شرط گذاشت

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

🟢 توضیح :

‏قرار دادن Hookها در شرط if توصیه نمی‌شود، اما داخل callback useEffect می‌توان شرط نوشت.


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

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

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

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

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

🟣 موضوع : ‏تعامل با اشیاء (Objects) در جاوا اسکریپت

🟢 سوال :

‏کدام روش برای تبدیل یک شی جاوا اسکریپت به رشته JSON استفاده می شود؟

گزینه 1:
`objectToString()`
گزینه 2:
`JSON.stringify()`
گزینه 3:
`convertToString()`
گزینه 4:
`objectToJson()`

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

🟢 توضیح :

‏`JSON.stringify()` یک شی جاوا اسکریپت را به رشته JSON تبدیل می کند.


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

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

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

🟣 موضوع : ‏Hook پیشرفته: `useCallback`

🟢 سوال :

‏چه زمانی useCallback می‌تواند از رندر اضافی کامپوننت فرزند جلوگیری کند؟

گزینه 1:
‏وقتی state تغییر نمی‌کند
گزینه 2:
‏وقتی از useMemo استفاده می‌شود
گزینه 3:
‏وقتی تابع در useEffect تعریف شده باشد
گزینه 4:
‏وقتی تابعی که به فرزند پاس داده می‌شود داخل useCallback قرار گرفته باشد

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

🟢 توضیح :

‏با محصور کردن تابع در useCallback و جلوگیری از تغییر مرجع تابع، کامپوننت فرزند هنگام دریافت props ثابت مجدداً رندر نمی‌شود.


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

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

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

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

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

🟣 موضوع : ‏مفهوم Event Bubbling و Capturing

🟢 سوال :

‏آیا رویدادهای فعال شده بر روی عنصر هدف، از فاز Capturing عبور می‌کنند؟

گزینه 1:
‏خیر، مستقیماً به فاز Bubbling می‌روند.
گزینه 2:
‏بله، عنصر هدف بخشی از مسیر Capturing است.
گزینه 3:
‏فقط اگر Listener در فاز Capturing برای هدف ثبت شده باشد.
گزینه 4:
‏بستگی به نوع رویداد دارد.

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

🟢 توضیح :

‏رویدادها از فاز Window به سمت عنصر هدف در فاز Capturing حرکت می‌کنند و Listenerهای ثبت شده در این مسیر فعال می‌شوند، حتی اگر Listener مستقیماً روی عنصر هدف ثبت شده باشد (در فاز Capturing).


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

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

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

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

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

🟣 موضوع : ‏مدیریت فایل‌ها و دایرکتوری‌ها در Node.js

🟢 سوال :

‏کدام متد برای حذف یک دایرکتوری استفاده می شود؟

گزینه 1:
mkdir()
گزینه 2:
rmdir()
گزینه 3:
rename()
گزینه 4:
unlink()

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

🟢 توضیح :

‏rmdir() یک دایرکتوری را حذف می کند. توجه داشته باشید که دایرکتوری باید خالی باشد.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏Cache Management در Apollo

🟢 سوال :

‏گزینه مناسب برای invalidation داده‌ها در Apollo چیست؟

گزینه 1:
resetStore
گزینه 2:
writeQuery
گزینه 3:
readFragment
گزینه 4:
evict + garbageCollect

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

🟢 توضیح :

‏ترکیب evict برای حذف آیتم و garbageCollect برای پاکسازی حافظه، invalidation مؤثر را فراهم می‌کند.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏طراحی Responsive با Media Queries

🟢 سوال :

‏کدام تکنیک برای طراحی responsive بدون استفاده از media queries مناسب است؟

گزینه 1:
‏استفاده از واحدهای مطلق (مانند px)
گزینه 2:
‏استفاده از جداول HTML
گزینه 3:
‏استفاده از flexbox و grid layout
گزینه 4:
‏استفاده از تصاویر ثابت

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

🟢 توضیح :

‏Flexbox و grid layout امکان ایجاد طرح‌بندی‌های انعطاف‌پذیر و قابل تنظیم را بدون نیاز به media queries زیاد فراهم می‌کنند.


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

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

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

🟣 موضوع : ‏JSX: سینتکس و قوانین نوشتاری

🟢 سوال :

‏در JSX برای صفت‌های بولی مانند disabled چگونه مقدار‌دهی می‌شود؟

گزینه 1:
disabled="true"
گزینه 2:
disabled="false"
گزینه 3:
‏disabled یا disabled={true}
گزینه 4:
disabled={0}

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

🟢 توضیح :

‏اگر صفت بولی باشد می‌توان به‌صورت disabled یا disabled={true} نوشت


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

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

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

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

🔵 کوییز #React_js

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

🟢 سوال :

‏کدام یک از گزینه‌های زیر بهترین توصیف برای "state" در React است؟

گزینه 1:
‏یک حافظه جانبی برای ذخیره سازی داده
گزینه 2:
‏یک آرایه از props
گزینه 3:
‏یک شیء که داده های کامپوننت را در طول زمان تغییر می دهد
گزینه 4:
‏یک API برای ارتباط با سرور

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

🟢 توضیح :

‏State در React یک شیء است که داده های کامپوننت را نگه می دارد و می تواند در طول زمان تغییر کند، باعث بروزرسانی مجدد کامپوننت می شود.


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

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

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

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