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

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

🟢 سوال :

‏کدام رویداد (Event) برای کش کردن فایل های استاتیک در Service Worker استفاده می شود؟

گزینه 1:
`fetch`
گزینه 2:
`install`
گزینه 3:
`activate`
گزینه 4:
`message`

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

🟢 توضیح :

‏رویداد `install` برای کش کردن فایل های استاتیک مانند HTML، CSS و JavaScript در Service Worker استفاده می شود.


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

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

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

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

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

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

🟢 سوال :

‏چه زمانی استفاده از Memoization ممکن است منجر به کاهش عملکرد شود؟

گزینه 1:
‏وقتی تابع خالص است و ورودی‌های تکراری زیادی دارد
گزینه 2:
‏وقتی تابع محاسبات بسیار سبکی انجام می‌دهد
گزینه 3:
‏وقتی تابع عوارض جانبی دارد
گزینه 4:
‏وقتی تعداد ورودی‌های منحصر به فرد تابع بسیار زیاد است و Cache به طور مداوم بزرگ می‌شود

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

🟢 توضیح :

‏اگر محاسبات تابع بسیار سبک باشد، سربار بررسی Cache ممکن است از صرفه‌جویی ناشی از Memoization بیشتر باشد. همچنین، اگر تعداد ورودی‌های منحصر به فرد زیاد باشد، Cache می‌تواند به سرعت بزرگ شده و مصرف حافظه را افزایش دهد.


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

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

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

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

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

🟣 موضوع : ‏آشنایی با ES6 و ویژگی‌های جدید جاوا اسکریپت

🟢 سوال :

‏کدام یک از ویژگی‌های ES6 یک نحو نحوی (syntactic sugar) بر روی سیستم prototype-based موجود در جاوا اسکریپت برای ایجاد اشیاء فراهم می‌کند؟

گزینه 1:
Object literal enhancement
گزینه 2:
Destructuring assignment
گزینه 3:
Classes
گزینه 4:
Spread syntax

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

🟢 توضیح :

‏کلاس‌ها (Classes) در ES6 یک نحو ساده‌تر و شبیه‌تر به زبان‌های شیءگرای دیگر برای تعریف و ایجاد اشیاء و پیاده‌سازی وراثت فراهم می‌کنند، اما همچنان بر پایه وراثت پروتوتایپی جاوا اسکریپت بنا شده‌اند.


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

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

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


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

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

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

🟣 موضوع : ‏مقدمه‌ای بر Express.js برای توسعه سمت سرور

🟢 سوال :

‏برای دسترسی به بدنه یک درخواست POST در Express.js، به چه middleware ای نیاز است؟

گزینه 1:
`express.static()`
گزینه 2:
`body-parser`
گزینه 3:
`cookie-parser`
گزینه 4:
`morgan`

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

🟢 توضیح :

‏`body-parser` middleware برای تجزیه بدنه درخواست های POST، PUT و PATCH و دسترسی به داده های ارسالی استفاده می شود.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏Tailwind CSS در پروژه‌های React

🟢 سوال :

‏در Tailwind CSS v3 برای تعریف فایل‌هایی که باید برای کلاس‌ها اسکن شوند از کدام تنظیم استفاده می‌شود؟

گزینه 1:
purge
گزینه 2:
content
گزینه 3:
scan
گزینه 4:
extract

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

🟢 توضیح :

‏در نسخه ۳ به جای purge از تنظیم content برای مشخص کردن مسیر فایل‌ها استفاده می‌شود.


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

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

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

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

🔵 کوییز #React_js

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

🟢 سوال :

‏چه چیزی در آرایه وابستگی useMemo باید قرار بگیرد؟

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

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

🟢 توضیح :

‏تنها مقادیری که در تولید نتیجه استفاده می‌شوند باید در deps لیست شوند


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

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

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

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

🔵 کوییز #React_js

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

🟢 سوال :

‏آنالیزور Webpack Bundle Analyzer چه چیزی را نشان می دهد؟

گزینه 1:
‏اندازه فایل های JSX
گزینه 2:
‏اندازه فونت ها
گزینه 3:
‏اندازه بسته ها و ماژول ها
گزینه 4:
‏اندازه تصاویر

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

🟢 توضیح :

‏Webpack Bundle Analyzer یک تجسم درختی از اندازه خروجی بسته webpack را نشان می دهد و به شما کمک می کند تا دریابید که کدام ماژول ها بزرگترین هستند.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏آدرس‌دهی تصاویر و Assetها

🟢 سوال :

‏کدامیک از موارد زیر بهترین روش برای مدیریت assets در یک پروژه React بزرگ است؟

گزینه 1:
‏قرار دادن همه assets در پوشه `public`.
گزینه 2:
‏استفاده از یک سیستم مدیریت asset مانند Webpack.
گزینه 3:
‏بارگیری همه assets از CDN.
گزینه 4:
‏ذخیره همه assets در یک دیتابیس.

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

🟢 توضیح :

‏Webpack و ابزارهای مشابه، مدیریت assets را بهینه‌سازی کرده و build را ساده می‌کنند.


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

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

آدرس کانال اصلی :
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:
mutate
گزینه 2:
revalidate
گزینه 3:
refresh
گزینه 4:
revalidateOnFocus

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

🟢 توضیح :

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


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

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

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

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

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

🟣 موضوع : ‏کار با Object.create و Object.assign

🟢 سوال :

‏کدام متد برای کپی کردن خصوصیات از یک یا چند شی منبع به یک شی هدف استفاده می شود؟

گزینه 1:
`Object.create()`
گزینه 2:
`Object.copy()`
گزینه 3:
`Object.assign()`
گزینه 4:
`Object.clone()`

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

🟢 توضیح :

‏`Object.assign()` خصوصیات را از یک یا چند شی منبع به یک شی هدف کپی می کند.


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

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

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

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

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

🟣 موضوع : ‏استفاده از Event Delegation

🟢 سوال :

‏در Event Delegation، `event.target` به چه چیزی اشاره می‌کند؟

گزینه 1:
‏عنصر والد.
گزینه 2:
‏عنصری که event روی آن رخ داده است.
گزینه 3:
‏لیست event listener ها.
گزینه 4:
‏هیچ کدام.

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

🟢 توضیح :

‏`event.target` به عنصری که event روی آن رخ داده است، اشاره دارد.


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

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

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

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

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

🟣 موضوع : ‏تعریف و تفاوت متغیرها با var، let و const

🟢 سوال :

‏کدام مورد درباره تعریف const صدق می‌کند؟

گزینه 1:
‏باید حتماً مقداردهی اولیه شود
گزینه 2:
‏مقدار اولیه اختیاری است
گزینه 3:
‏می‌توان بعداً مقداردهی کرد
گزینه 4:
‏در صورت عدم مقداردهی مقدار undefined می‌گیرد

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

🟢 توضیح :

‏const نیازمند مقداردهی در زمان تعریف است


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

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

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

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

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

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

🟢 سوال :

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

گزینه 1:
cloneElement()
گزینه 2:
document.cloneNode()
گزینه 3:
copyNode()
گزینه 4:
duplicateNode()

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

🟢 توضیح :

‏cloneNode(true) یک کپی از عنصر به همراه فرزندانش ایجاد می‌کند.


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

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

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


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

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

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

🟣 موضوع : ‏آشنایی با 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

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

🟢 سوال :

‏برای نوشتن media query در CSS Module در React، چه عبارت صحیح است؟

گزینه 1:
module.media(screen and(max-width:768px)){...}
گزینه 2:
@media only screen and (max-width: 768px) { ... }
گزینه 3:
:media(max-width:768px){...}
گزینه 4:
@query screen(max-width:768px){...}

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

🟢 توضیح :

‏سینتکس صحیح media query در CSS به صورت @media only screen and (max-width: 768px) است.


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

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

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

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

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

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

🟢 سوال :

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

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

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

🟢 توضیح :

‏`useEffect` هوکی است که به شما اجازه می‌دهد side effect ها (مانند فراخوانی API، تنظیم تایمر، یا دستکاری DOM) را پس از رندر شدن کامپوننت انجام دهید.


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

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

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

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

🔵 کوییز #React_js

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

🟢 سوال :

‏در طراحی سیستم کامپوننت، Storybook چه نقشی دارد؟

گزینه 1:
‏مدیریت state
گزینه 2:
‏تست بصری کامپوننت‌ها
گزینه 3:
‏مسیر یابی
گزینه 4:
‏ارسال درخواست به سرور

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

🟢 توضیح :

‏Storybook یک محیط توسعه برای تست بصری کامپوننت‌ها است.


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

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

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

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