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

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

🟣 موضوع : ‏ساخت یک سرور ساده با Node.js

🟢 سوال :

‏وقتی درخواست جدیدی می‌آید callback سرور چند بار اجرا می‌شود؟

گزینه 1:
‏هیچ
گزینه 2:
‏یک بار برای سرور
گزینه 3:
‏دو بار
گزینه 4:
‏یک بار به ازای هر درخواست

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

🟢 توضیح :

‏callback به ازای هر درخواست یک‌بار اجرا می‌شود.


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

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

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

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

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

🟣 موضوع : ‏مبانی Prototype و وراثت پروتوتایپی

🟢 سوال :

‏هدف اصلی از استفاده از وراثت پروتوتایپی در جاوا اسکریپت چیست؟

گزینه 1:
‏بهینه‌سازی مصرف حافظه با به اشتراک گذاشتن متدها و ویژگی‌ها بین اشیاء.
گزینه 2:
‏ایجاد ساختارهای داده‌ای پیچیده.
گزینه 3:
‏پیاده‌سازی الگوهای طراحی شیءگرا.
گزینه 4:
‏محدود کردن دسترسی به ویژگی‌های اشیاء.

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

🟢 توضیح :

‏وراثت پروتوتایپی به بهینه‌سازی مصرف حافظه کمک می‌کند زیرا متدها و ویژگی‌های مشترک به جای تکرار در هر شیء، در شیء Prototype ذخیره می‌شوند و تمام نمونه‌ها به آن‌ها ارجاع دارند. همچنین امکان پیاده‌سازی الگوهای طراحی شیءگرا را فراهم می‌کند.


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

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

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

🟢 سوال :

‏کدام تب در React DevTools Profiler به شما اجازه می دهد تا رندرها را بر اساس زمان مرتب کنید؟

گزینه 1:
Components
گزینه 2:
Profiler
گزینه 3:
Settings
گزینه 4:
Console

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

🟢 توضیح :

‏تب Profiler اطلاعات مربوط به زمان صرف شده برای رندر هر کامپوننت را نشان می دهد و به شما امکان می دهد رندرها را بر اساس زمان مرتب کنید.


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

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

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

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

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

🟣 موضوع : ‏عملگرهای ریاضی، منطقی و مقایسه‌ای در جاوا اسکریپت

🟢 سوال :

‏کدام عملگر برای مقایسه تساوی مقدار و نوع متغیرها استفاده می‌شود؟

گزینه 1:
==
گزینه 2:
!=
گزینه 3:
===
گزینه 4:
!==

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

🟢 توضیح :

‏عملگر === تساوی مقدار و نوع را بررسی می‌کند.


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

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

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

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

🔵 کوییز #React_js

🟣 موضوع : ‏تست e2e با Playwright

🟢 سوال :

‏Playwright چگونه با single-page applicationها (SPA) کار می کند؟

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

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

🟢 توضیح :

‏Playwright به طور خودکار صبر می کند تا SPA کاملاً بارگیری شود و پایدار شود.


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

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

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

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

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

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

🟢 سوال :

‏کدام یک از ویژگی‌های ES6 امکان پیمایش آسان مقادیر ساختارهای iterable مانند آرایه‌ها و رشته‌ها را فراهم می‌کند؟

گزینه 1:
‏حلقه for...in
گزینه 2:
‏حلقه while
گزینه 3:
‏حلقه for...of
گزینه 4:
‏متد forEach

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

🟢 توضیح :

‏حلقه for...of در ES6 معرفی شد و یک روش ساده و مستقیم برای پیمایش مقادیر موجود در ساختارهای iterable (مانند آرایه‌ها، رشته‌ها، Mapها، Setها و غیره) ارائه می‌دهد.


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

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

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

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

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

🟣 موضوع : ‏مدیریت درخواست‌ها با XMLHttpRequest

🟢 سوال :

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

گزینه 1:
send()
گزینه 2:
open()
گزینه 3:
load()
گزینه 4:
request()

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

🟢 توضیح :

‏متد open() برای مقداردهی اولیه درخواست، تعیین متد (GET, POST, etc.) و URL مورد نظر استفاده می شود.


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

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

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

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