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

🟣 موضوع : ‏استفاده از 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

🎓 پکیج‌های طلایی آموزش برنامه‌نویسی از 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‌ پایه: `useEffect`

🟢 سوال :

‏تابع cleanup در useEffect برای چه منظوری استفاده می‌شود؟

گزینه 1:
‏بهینه‌سازی رندر
گزینه 2:
‏لغو درخواست‌های API
گزینه 3:
‏به‌روزرسانی state
گزینه 4:
‏ایجاد ساید افکت جدید

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

🟢 توضیح :

‏تابع cleanup برای لغو ساید افکت‌ها مانند درخواست‌های API یا پاک کردن تایمرها قبل از unmount شدن کامپوننت استفاده می‌شود.


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

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

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

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

🔵 کوییز #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

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

🟣 موضوع : ‏کار با توابع Callback

🟢 سوال :

‏کدام مثال یک Callback معتبر را نشان می‌دهد؟

گزینه 1:
function greet() { console.log("hi"); }
گزینه 2:
setTimeout(function() { console.log("hi"); }, 1000);
گزینه 3:
var x = 5
گزینه 4:
if(condition) { doSomething(); }

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

🟢 توضیح :

‏تابع اول آرگومان setTimeout یک Callback است که پس از یک‌ثانیه اجرا می‌شود


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

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

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

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

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

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

🟢 سوال :

‏کدام روش برای مقابله با CSRF مناسب است؟

گزینه 1:
‏استفاده از Local Storage برای توکن
گزینه 2:
‏تنظیم SameSite=None برای کوکی
گزینه 3:
‏ارسال توکن یکتا در فرم‌های POST
گزینه 4:
‏غیرفعال کردن CORS

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

🟢 توضیح :

‏استفاده از توکن یکتا در فرم POST از جعل درخواست جلوگیری می‌کند.


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

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

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

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

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

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

🟢 سوال :

‏کدام attribute در عناصر فرم HTML 5 برای اعمال اعتبارسنجی‌های ساده در سمت کلاینت (مانند اجباری بودن، حداقل/حداکثر طول) استفاده می‌شود؟

گزینه 1:
validate
گزینه 2:
check
گزینه 3:
‏required, minlength, maxlength و غیره
گزینه 4:
data-validate

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

🟢 توضیح :

‏Attributeهای required, minlength, maxlength, type="email", type="number" و غیره در HTML 5 امکان اعمال اعتبارسنجی‌های اولیه در مرورگر را فراهم می‌کنند.


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

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

آدرس کانال اصلی :
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.js (Fiber, Server Components)

🟢 سوال :

‏چه نوع مؤلفه‌هایی می‌توانند به طور مستقیم در Server Components رندر شوند؟

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

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

🟢 توضیح :

‏Server Components فقط می‌توانند مؤلفه‌های سرور را به طور مستقیم رندر کنند. برای رندر کردن مؤلفه‌های کلاینت، باید از Client Components استفاده شود.


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

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

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

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

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

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

🟢 سوال :

‏کدام کلمه کلیدی برای تعریف متغیری استفاده می‌شود که مقدار آن پس از تخصیص اولیه قابل تغییر نیست و دارای scope بلوکی (block scope) است؟

گزینه 1:
var
گزینه 2:
let
گزینه 3:
const
گزینه 4:
final

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

🟢 توضیح :

‏متغیرهای تعریف شده با const باید در زمان تعریف مقداردهی شوند و مقدار آن‌ها پس از آن قابل تغییر نیست. آن‌ها همچنین دارای scope بلوکی هستند.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏Lifecycle Methods در کامپوننت‌های کلاسی

🟢 سوال :

‏کدام متد lifecycle دیگر در React 17 و بالاتر توصیه نمی‌شود (deprecated شده است)؟

گزینه 1:
componentDidMount
گزینه 2:
componentWillReceiveProps
گزینه 3:
componentDidUpdate
گزینه 4:
render

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

🟢 توضیح :

‏`componentWillReceiveProps`, `componentWillMount`, و `componentWillUpdate` deprecated شده‌اند و باید از جایگزین‌های جدید استفاده کرد.


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

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

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

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