آموزش ویدیویی جاوا اسکریپت، Node.js ، React ، jQuery ، Vue و ...
1.61K subscribers
155 photos
71 videos
121 files
1.85K links
Download Telegram
🔵 کوییز #‏جاوا_اسکریپت

🟣 موضوع : ‏مفهوم Symbol و کاربردهای آن

🟢 سوال :

‏Symbolهای سراسری (Global Symbols) چگونه ایجاد می‌شوند؟

گزینه 1:
‏با استفاده از تابع Symbol.for(key)‎.
گزینه 2:
‏با تعریف یک متغیر سراسری با مقدار Symbol()‎.
گزینه 3:
‏با استفاده از کلمه کلیدی global Symbol(key)‎.
گزینه 4:
‏تمام Symbolها به طور پیش‌فرض سراسری هستند.

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

🟢 توضیح :

‏Symbolهای سراسری با استفاده از متد Symbol.for(key) ایجاد می‌شوند. این متد ابتدا بررسی می‌کند که آیا یک Symbol با کلید داده شده در رجیستری سراسری وجود دارد یا خیر. اگر وجود داشته باشد، آن را برمی‌گرداند؛ در غیر این صورت، یک Symbol جدید با آن کلید ایجاد و در رجیستری ثبت می‌کند.


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

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

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

🟣 موضوع : ‏Material‑UI (MUI) و کامپوننت‌های آماده

🟢 سوال :

‏کدام کامپوننت Material-UI برای نمایش لیستی از آیتم‌ها استفاده می‌شود؟

گزینه 1:
Card
گزینه 2:
AppBar
گزینه 3:
List
گزینه 4:
TextField

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

🟢 توضیح :

‏کامپوننت List برای نمایش لیست آیتم‌ها به کار می‌رود.


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
🔵 کوییز #جاوا_اسکریپت

🟣 موضوع : ‏کار با ماژول‌های Node.js: fs، path و غیره

🟢 سوال :

‏کدام متد برای خواندن فایل به صورت همزمان (Sync) استفاده می‌شود؟

گزینه 1:
fs.readFile
گزینه 2:
fs.readFileSync
گزینه 3:
fs.openSync
گزینه 4:
fs.readlink

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

🟢 توضیح :

‏fs.readFileSync فایل را به‌صورت همزمان خوانده و رشته یا بافر نتیجه را برمی‌گرداند.


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
🔵 کوییز #React_js

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

🟢 سوال :

‏چگونه می‌توان ESLint را برای نادیده گرفتن یک فایل یا پوشه پیکربندی کرد؟

گزینه 1:
‏با استفاده از کامنت در فایل
گزینه 2:
‏با استفاده از فایل `.eslintignore`
گزینه 3:
‏با استفاده از تنظیمات ویرایشگر
گزینه 4:
‏با استفاده از فایل `package.json`

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

🟢 توضیح :

‏فایل `.eslintignore` لیستی از فایل‌ها و پوشه‌هایی است که ESLint نباید آن‌ها را بررسی کند.


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
🔵 کوییز #React_js

🟣 موضوع : ‏استفاده از WebSocket و Subscription در Apollo

🟢 سوال :

‏برای ارسال توکن احراز هویت به سرور هنگام اتصال WebSocket در connectionParams معمولاً آن را چگونه تعریف می‌کنند؟

گزینه 1:
‏تابعی که یک شیء برمی‌گرداند
گزینه 2:
‏رشته متنی
گزینه 3:
‏عدد
گزینه 4:
‏آرایه

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

🟢 توضیح :

‏با استفاده از تابع در connectionParams می‌توان توکن را به صورت پویا به هدرها اضافه کرد.


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

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

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

🟣 موضوع : Render Props

نکته :

‏قدرت اصلیش اینجاست که کامپوننت والد می‌تونه state یا متدهای خودشو به عنوان آرگومان به تابع تو پاس بده. دسترسی کامل! 🔑


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
💡 نکته #جاوا_اسکریپت

🟣 موضوع : ‏تایپ کوئرینگ (Type Coercion) در جاوا اسکریپت

نکته :

‏همیشه مواظب باش تا تایپ کوئرینگ ناخواسته باعث باگ‌های عجیب و غریب تو کد نشه. پیشگیری بهتر از درمانه! 🐛🩹


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
🔵 کوییز #React_js

🟣 موضوع : ‏مدیریت Theme داینامیک

🟢 سوال :

‏چگونه می توان تم داینامیک را در یک کامپوننت React پیاده سازی کرد؟

گزینه 1:
‏استفاده از inline styles
گزینه 2:
‏استفاده از CSS modules
گزینه 3:
‏استفاده از Context API و Hooks
گزینه 4:
‏استفاده از JavaScript classes

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

🟢 توضیح :

‏Context API راه حلی مناسب برای به اشتراک گذاری state (از جمله theme) بین کامپوننت ها بدون نیاز به prop drilling است.


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
🔵 کوییز #‏جاوا_اسکریپت

🟣 موضوع : ‏استفاده از کلاسList برای مدیریت کلاس‌های CSS

🟢 سوال :

‏تفاوت اصلی بین استفاده از element.className و element.classList برای مدیریت کلاس‌های CSS چیست؟

گزینه 1:
‏className فقط برای دریافت کلاس‌ها استفاده می‌شود و classList برای تغییر آن‌ها.
گزینه 2:
‏className یک رشته را برمی‌گرداند و تنظیم می‌کند، در حالی که classList یک شیء با متدهای کمکی فراهم می‌کند.
گزینه 3:
‏classList فقط می‌تواند یک کلاس را در یک زمان اضافه یا حذف کند.
گزینه 4:
‏هیچ تفاوت عملکردی وجود ندارد.

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

🟢 توضیح :

‏element.className یک رشته را برمی‌گرداند و تنظیم می‌کند که مدیریت چند کلاس را دشوار می‌کند، در حالی که element.classList یک رابط کاربری راحت‌تر و ساختارمندتر برای افزودن، حذف و بررسی کلاس‌ها فراهم می‌کند.


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
🔵 کوییز #‏جاوا_اسکریپت

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

🟢 سوال :

‏اگر یک ویژگی با نام یکسان هم در خود شیء و هم در Prototype آن وجود داشته باشد، کدام ویژگی هنگام دسترسی به آن استفاده می‌شود؟

گزینه 1:
‏ویژگی موجود در Prototype.
گزینه 2:
‏به طور تصادفی یکی از آن‌ها.
گزینه 3:
‏ویژگی موجود در خود شیء (property shadowing).
گزینه 4:
‏بستگی به ترتیب ایجاد شیء و Prototype دارد.

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

🟢 توضیح :

‏وقتی یک ویژگی با نام یکسان هم در خود شیء و هم در Prototype آن وجود داشته باشد، ویژگی موجود در خود شیء اولویت دارد و "سایه"ای بر ویژگی Prototype می‌اندازد (property shadowing).


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

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

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


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

📦 ارسال به سراسر ایران با پست پیشتاز
🔵 کوییز #‏جاوا_اسکریپت

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

🟢 سوال :

‏مقدار readyState در XMLHttpRequest چه زمانی به 4 می رسد؟

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

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

🟢 توضیح :

‏readyState = 4 نشان می دهد که عملیات کامل شده است، یعنی پاسخ سرور دریافت شده و پردازش شده است.


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
🔵 کوییز #جاوا_اسکریپت

🟣 موضوع : ‏اصول AJAX: درخواست‌های ناهمزمان به سرور

🟢 سوال :

‏برای دسترسی به پاسخ به صورت XML از کدام ویژگی استفاده می‌شود؟

گزینه 1:
response
گزینه 2:
responseText
گزینه 3:
responseXML
گزینه 4:
status

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

🟢 توضیح :

‏responseXML پاسخ را به صورت Document XML برمی‌گرداند


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
🔵 کوییز #React_js

🟣 موضوع : ‏Toast Notification با react‑toastify

🟢 سوال :

‏چگونه تعداد همزمان نمایش نوتیفیکیشن‌ها را محدود می‌کنیم؟

گزینه 1:
newestOnTop
گزینه 2:
limit
گزینه 3:
maxToast
گزینه 4:
pauseOnFocusLoss

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

🟢 توضیح :

‏پراپ limit حداکثر تعداد نوتیفیکیشن‌های همزمان را تنظیم می‌کند


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
💡 نکته #React_js

🟣 موضوع : ‏روندها و آینده‌ی React.js (Fiber, Server Components)

نکته :

‏Fiber داره باعث میشه ری‌اکت بتونه کارهای بیشتری رو همزمان انجام بده، بدون اینکه UI قفل بشه! 🤯 تجربه کاربری فوق العاده میشه!


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
🔵 کوییز #‏جاوا_اسکریپت

🟣 موضوع : ‏کار با Virtual DOM در فریم‌ورک‌های مدرن

🟢 سوال :

‏کدام یک از فریم‌ورک‌های جاوا اسکریپت به طور گسترده از Virtual DOM استفاده می‌کند؟

گزینه 1:
‏Angular (در نسخه‌های جدیدتر با تغییراتی)
گزینه 2:
jQuery
گزینه 3:
React.js
گزینه 4:
Vanilla JavaScript

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

🟢 توضیح :

‏React.js یکی از اولین فریم‌ورک‌هایی بود که به طور گسترده از مفهوم Virtual DOM برای بهبود عملکرد رابط کاربری استفاده کرد.


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

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

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


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

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