🔵 کوییز #React_js

🟣 موضوع : Render Props

🟢 سوال :

‏کدام یک از این موارد یک Render Prop معتبر است؟

گزینه 1:
`<Component render={(data) => <p>{data}</p>} />`
گزینه 2:
`<Component data={(render) => <p>{render}</p>} />`
گزینه 3:
`<Component render={<p>{data}</p>} />`
گزینه 4:
`<Component render="data" />`

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

🟢 توضیح :

‏Render Prop باید یک تابع باشد که JSX برمی گرداند.


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

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

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

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

💡 نکته #جاوا_اسکریپت

🟣 موضوع : ‏مفاهیم Promises برای برنامه‌نویسی غیرهمزمان

✨ نکته :

‏استفاده از Promise ها کدهات رو خیلی مرتب‌تر و خواناتر می‌کنه، دیگه از callback hell خبری نیست! 😎


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

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

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


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

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

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

🟣 موضوع : ‏تعامل با DOM: انتخاب و دستکاری المنت‌ها

🟢 سوال :

‏document.getElementsByTagName('div') چه نوع داده‌ای باز می‌گرداند؟

گزینه 1:
NodeList
گزینه 2:
HTMLCollection
گزینه 3:
Array
گزینه 4:
Object

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

🟢 توضیح :

‏getElementsByTagName یک HTMLCollection برمی‌گرداند


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

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

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

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

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

🟣 موضوع : ‏Event Loop و چگونگی مدیریت Call Stack

🟢 سوال :

‏کدام یک از موارد زیر می‌تواند منجر به مسدود شدن طولانی مدت Call Stack و غیر پاسخگو شدن برنامه شود؟

گزینه 1:
‏استفاده زیاد از توابع غیرهمزمان.
گزینه 2:
‏انجام محاسبات سنگین به صورت همزمان.
گزینه 3:
‏فراخوانی توابع Callback زیاد در Message Queue.
گزینه 4:
‏استفاده کم از setTimeout.

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

🟢 توضیح :

‏انجام محاسبات سنگین یا هرگونه عملیات طولانی مدت به صورت همزمان می‌تواند Call Stack را مسدود کند و باعث شود برنامه برای مدتی پاسخگو نباشد.


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

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

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

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

🔵 کوییز #React_js

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

🟢 سوال :

‏پارامتر `revalidateOnFocus` در `useSWR` چه کاری انجام می‌دهد؟

گزینه 1:
‏واکشی مجدد هنگام focus شدن پنجره
گزینه 2:
‏واکشی مجدد در هر رندر
گزینه 3:
‏غیرفعال کردن واکشی مجدد
گزینه 4:
‏واکشی مجدد در صورت خطا

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

🟢 توضیح :

‏`revalidateOnFocus` تعیین می کند که آیا SWR باید هنگام focus شدن مجدد پنجره، داده‌ها را دوباره واکشی کند یا خیر.


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

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

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

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

💡 نکته #React_js

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

✨ نکته :

‏مهم‌ترین نکته اینه که کل تیم روی قوانین به توافق برسن. این ابزارها برای هماهنگی و کار تیمی عالی‌ان، پس با هم تصمیم بگیرید. 👨‍💻👩‍💻


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏مقدمه‌ای بر React.js و تاریخچه‌ی آن

🟢 سوال :

‏هدف hook useEffect در React چیست؟

گزینه 1:
‏به‌روزرسانی state
گزینه 2:
‏ایجاد عناصر DOM
گزینه 3:
‏اجرای side-effect بعد از رندر
گزینه 4:
‏مسیریابی

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

🟢 توضیح :

‏useEffect برای انجام side-effect مانند فراخوانی API بعد از رندر کاربرد دارد.


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

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

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

🟣 موضوع : ‏تحلیل Bundle با webpack Bundle Analyzer

🟢 سوال :

‏چه افزونه‌ای در webpack مسئول تولید خودکار گزارش Bundle Analyzer است؟

گزینه 1:
CompressionPlugin
گزینه 2:
BundleAnalyzerPlugin
گزینه 3:
HotModuleReplacementPlugin
گزینه 4:
DefinePlugin

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

🟢 توضیح :

‏BundleAnalyzerPlugin افزونه‌ای است که در webpack.config.js برای تولید گزارش آنالیز باندل استفاده می‌شود.


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

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

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

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

🔵 کوییز #React_js

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

🟢 سوال :

‏Storybook چیست؟

گزینه 1:
‏یک فریم ورک CSS
گزینه 2:
‏یک ابزار تست E2E
گزینه 3:
‏یک محیط توسعه برای کامپوننت های UI
گزینه 4:
‏یک دیتابیس NoSQL

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

🟢 توضیح :

‏Storybook یک محیط توسعه برای ساخت و نمایش کامپوننت های UI به صورت جداگانه است.


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

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

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

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

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

🟣 موضوع : ‏مفاهیم Promises برای برنامه‌نویسی غیرهمزمان

🟢 سوال :

‏در چه حالتی متد catch() اجرا می‌شود؟

گزینه 1:
‏هرگاه Promise با موفقیت انجام شود
گزینه 2:
‏هرگاه Promise رد شود
گزینه 3:
‏بعد از then() بلافاصله
گزینه 4:
‏بلافاصله پس از ساختن Promise

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

🟢 توضیح :

‏catch() هنگام reject شدن Promise اجرا می‌شود.


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

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

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

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

💡 نکته #React_js

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

✨ نکته :

‏می‌خوای یه div استایل‌دار رو به شکل button یا a رندر کنی؟ از as prop استفاده کن. فوق‌العاده انعطاف‌پذیره! 🤸‍♂️💡


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

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

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

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

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

🟣 موضوع : ‏کار با EventEmitter در Node.js

🟢 سوال :

‏EventEmitter معمولاً در Node.js در کجاها استفاده می‌شود؟

گزینه 1:
‏برای مدیریت رویدادهای DOM در سمت سرور.
گزینه 2:
‏برای پیاده‌سازی جریان‌های داده (streams).
گزینه 3:
‏برای ایجاد سرورهای HTTP.
گزینه 4:
‏همه موارد فوق.

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

🟢 توضیح :

‏EventEmitter به طور گسترده در APIهای اصلی Node.js مانند Streams، HTTP و فرآیندها برای مدیریت رویدادهای ناهمزمان و ارتباط بین اجزای مختلف استفاده می‌شود.


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

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

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

🟣 موضوع : ‏پارامترها و کوئری‌استرینگ در React Router

✨ نکته :

‏فرق اصلی؟ پارامترها معمولاً بخش جدایی‌ناپذیر مسیر و شناسه‌های یکتا هستن (مثلاً ID یک محصول). اما کوئری استرینگ‌ها بیشتر برای فیلتر، صفحه‌بندی یا مرتب‌سازی به کار میرن و اختیاری‌ان. ⚖️ اینو یادت باشه!


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

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

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

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

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

🟣 موضوع : ‏نقش جاوا اسکریپت در وب مدرن

🟢 سوال :

‏جاوا اسکریپت در وب مدرن عمدتا برای چه منظوری استفاده می شود؟

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

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

🟢 توضیح :

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


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏اجرای کوئری و Mutation در Apollo

🟢 سوال :

‏برای اجرای یک Mutation در Apollo Client چه هوکی را باید فراخوانی کرد؟

گزینه 1:
useQuery
گزینه 2:
useMutation
گزینه 3:
MutationComponent
گزینه 4:
executeMutation

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

🟢 توضیح :

‏useMutation هوکی است که برای ارسال Mutation استفاده می‌شود.


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

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

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

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

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

🟣 موضوع : ‏استفاده از try, catch و finally برای مدیریت استثناءها

🟢 سوال :

‏نحوه تعریف یک استثناء سفارشی در جاوااسکریپت چیست؟

گزینه 1:
‏throw new Error("پیام")
گزینه 2:
‏error("پیام")
گزینه 3:
‏try new Error("پیام")
گزینه 4:
‏catch("پیام")

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

🟢 توضیح :

‏از throw new Error() برای پرتاب استثناء سفارشی استفاده می‌شود.


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

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

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

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

💡 نکته #React_js

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

✨ نکته :

‏دیدی state زیادی داری؟ از useReducer استفاده کن! state management رو آسون میکنه و باعث میشه برنامه ات منظم تر بشه! 💡👍


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

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

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


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

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