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

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

🔵 کوییز #React_js

🟣 موضوع : ‏استایل‌دهی داخلی: CSS Modules

🟢 سوال :

‏چه پسوندی معمولاً برای فایل CSS Module استفاده می‌شود؟

گزینه 1:
.css
گزینه 2:
.module.css
گزینه 3:
.js
گزینه 4:
.react.css

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

🟢 توضیح :

‏CSS Modules معمولاً با پسوند .module.css ذخیره می‌شوند تا از CSS عادی متمایز شوند.


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

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

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

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