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

🟣 موضوع : ‏Snapshot Testing با Jest

🟢 سوال :

‏در چه شرایطی استفاده از snapshot testing مناسب نیست؟

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

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

🟢 توضیح :

‏خروجی‌های پویا باعث می‌شوند که هر بار snapshot متفاوت باشد و باعث شکست مکرر تست شود.


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

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

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

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

🟣 موضوع : ‏مدیریت مسیرها با React Router

🟢 سوال :

‏در React Router v5 برای ناوبری برنامه‌نویسی از چه هوکی استفاده می‌شود؟

گزینه 1:
useNavigate
گزینه 2:
useRouter
گزینه 3:
useHistory
گزینه 4:
navigate

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

🟢 توضیح :

‏useHistory.push برای ناوبری برنامه‌نویسی استفاده می‌شود.


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

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

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

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

🟣 موضوع : ‏پیاده‌سازی Socket.IO برای ارتباطات بلادرنگ

🟢 سوال :

‏چگونه می توان یک پیام را از سرور به یک کلاینت خاص ارسال کرد؟

گزینه 1:
‏با استفاده از `io.emit()`
گزینه 2:
‏با استفاده از `socket.broadcast.emit()`
گزینه 3:
‏با استفاده از `socket.emit()`
گزینه 4:
‏با استفاده از `io.to(socketId).emit()`

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

🟢 توضیح :

‏برای ارسال پیام به یک کلاینت خاص، باید از `io.to(socketId).emit()` استفاده کنید.


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

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

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

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

🟣 موضوع : ‏راهنمایی Debugging در مرورگر با استفاده از DevTools

🟢 سوال :

‏برای متوقف کردن اجرا هنگام بروز استثنا از کدام گزینه استفاده می‌شود؟

گزینه 1:
Pause on exceptions
گزینه 2:
Disable JavaScript
گزینه 3:
Throttling
گزینه 4:
Disable cache

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

🟢 توضیح :

‏گزینه Pause on exceptions باعث توقف اجرای اسکریپت هنگام پرتاب استثنا می‌شود.


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

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

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

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

🟣 موضوع : ‏راهنمایی Debugging در مرورگر با استفاده از DevTools

🟢 سوال :

‏وقتی یک خطا در کنسول DevTools ظاهر می شود، چه کاری باید انجام دهید؟

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

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

🟢 توضیح :

‏پنل Sources به شما امکان می دهد کد را بررسی کرده و منشاء خطا را پیدا کنید.


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

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

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

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

🟣 موضوع : ‏استفاده از Import و Export برای مدیریت ماژول‌ها

🟢 سوال :

‏کدام عبارت برای وارد کردن export پیش‌فرض از ماژول استفاده می‌شود؟

گزینه 1:
import { something } from 'module'
گزینه 2:
import something from 'module'
گزینه 3:
export default something
گزینه 4:
import * as something from 'module'

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

🟢 توضیح :

‏برای وارد کردن export پیش‌فرض باید از import نام ماژول استفاده کرد.


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

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

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

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

🟣 موضوع : ‏مفهوم Event Bubbling و Capturing

🟢 سوال :

‏اگر سه عنصر داخلی (body > div > button) با listener در فاز capturing ثبت شده باشند، ترتیب اجرای listenerها چگونه است؟

گزینه 1:
‏از کوچک‌ترین عنصر به بزرگ‌ترین (button، div، body)
گزینه 2:
‏از بزرگ‌ترین عنصر به کوچک‌ترین (body، div، button)
گزینه 3:
‏همزمان روی هر سه اجرا می‌شوند
گزینه 4:
‏ابتدا روی target سپس ریشه

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

🟢 توضیح :

‏در فاز capturing از بالاترین ancestor به سمت عنصر هدف حرکت می‌کند.


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
1
This media is not supported in your browser
VIEW IN TELEGRAM
🔵 Beginner JavaScript Tutorial - 7 - Using Parameters with Functions

🟢 کیفیت : متوسط

🔴 توجه کنید با تنظیمات خود تلگرام می توانید حجم و کیفیت ویدیو را بر اساس سرعت اینترنت خود تنظیم نمایید.

🟣 JavaScript Tutorials Playlist

🟢 زبان آموزش: انگلیسی


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

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

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

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

🟣 موضوع : ‏تعریف کلاس‌ها (Classes) در ES6

🟢 سوال :

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

گزینه 1:
init
گزینه 2:
constructor
گزینه 3:
build
گزینه 4:
start

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

🟢 توضیح :

‏متد سازنده یا constructor در زمان ایجاد نمونه‌ها اجرا می‌شود.


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

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

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

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

🟣 موضوع : ‏کار با Test Runnerها و ابزارهای تست end-to-end

🟢 سوال :

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

گزینه 1:
Selenium
گزینه 2:
Playwright
گزینه 3:
Jest
گزینه 4:
Puppeteer

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

🟢 توضیح :

‏Jest یک تست رانر محبوب برای تست‌های واحد است که از جمله ویژگی‌های آن، تنظیم آسان و سرعت بالا است.


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
🔵 کوییز #مفاهیم_کلی_برنامه_نویسی

🟣 موضوع : ‏مفاهیم تست خودکار: نوشتن تست‌های واحد و یکپارچگی

🟢 سوال :

‏کدام یک از موارد زیر از مزایای تست خودکار نیست؟

گزینه ۱:
‏افزایش اعتماد به کد و سهولت در اعمال تغییرات

گزینه ۲:
‏کاهش زمان لازم برای تست نرم‌افزار در طولانی مدت

گزینه ۳:
‏یافتن تمام باگ‌های موجود در نرم‌افزار به طور تضمینی

گزینه ۴:
‏بهبود کیفیت کلی نرم‌افزار



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

🟢 توضیح :

‏تست خودکار احتمال وجود باگ را به شدت کاهش می‌دهد اما نمی‌تواند به طور 100% تضمین کند که هیچ باگی وجود ندارد.

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

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

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

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

🟣 موضوع : ‏آشنایی با Node.js و کاربردهای آن

🟢 سوال :

‏Node.js چیست؟

گزینه 1:
‏محیط اجرایی جاوا اسکریپت سمت سرور
گزینه 2:
‏یک فریم‌ورک فرانت‌اند
گزینه 3:
‏یک دیتابیس پرسرعت
گزینه 4:
‏یک زبان برنامه‌نویسی جدید

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

🟢 توضیح :

‏Node.js یک محیط اجرایی برای اجرای کدهای جاوا اسکریپت در سمت سرور است.


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

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

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

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

🟣 موضوع : ‏مفاهیم Promises برای برنامه‌نویسی غیرهمزمان

🟢 سوال :

‏کدام یک از گزینه‌های زیر راه صحیح ایجاد یک Promise رد شده است؟

گزینه 1:
‏new Promise(() => reject('خطا'));
گزینه 2:
‏new Promise((resolve, reject) => reject('خطا'));
گزینه 3:
‏Promise.reject('خطا');
گزینه 4:
‏Promise.newReject('خطا');

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

🟢 توضیح :

‏Promise.reject(reason) یک Promise جدید ایجاد می‌کند که بلافاصله با دلیل مشخص شده رد می‌شود.


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

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

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

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

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

🟢 سوال :

‏کدام متد برای بررسی وجود یک کلاس در classList استفاده می‌شود؟

گزینه 1:
add
گزینه 2:
remove
گزینه 3:
contains
گزینه 4:
toggle

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

🟢 توضیح :

‏متد contains() برای بررسی وجود یک کلاس در classList کاربرد دارد.


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

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

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

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

🟣 موضوع : ‏محافظت از مسیرها (Protected Routes)

🟢 سوال :

‏کدام یک از روش‌های زیر برای پیاده‌سازی Protected Routes مناسب‌تر است؟

گزینه 1:
‏استفاده از localStorage
گزینه 2:
‏استفاده از Redux
گزینه 3:
‏استفاده از یک کامپوننت HOC سفارشی یا یک کامپوننت Router سفارشی
گزینه 4:
‏استفاده از cookie ها

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

🟢 توضیح :

‏کامپوننت‌های HOC سفارشی یا کامپوننت‌های Router سفارشی، امکان کنترل دقیق‌تری بر اساس شرایط مختلف را فراهم می‌کنند.


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

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

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

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

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

🟢 سوال :

‏مشکل اصلی Callback Hell (یا Pyramid of Doom) چیست؟

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

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

🟢 توضیح :

‏Callback Hell زمانی رخ می‌دهد که چندین عملیات ناهمزمان به صورت تو در تو و با استفاده از Callbackها مدیریت شوند، که منجر به یک ساختار کد پیچیده و دشوار در خواندن و نگهداری می‌شود.


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

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

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

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

🟣 موضوع : ‏مفاهیم Promises برای برنامه‌نویسی غیرهمزمان

🟢 سوال :

‏Promise در چه حالتی reject می‌شود؟

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

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

🟢 توضیح :

‏وقتی یک خطا در حین اجرای عملیات غیرهمزمان رخ می‌دهد، Promise به حالت rejected در می‌آید.


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

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

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

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

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

🟢 سوال :

‏کدام متد برای به‌روزرسانی Virtual DOM در React استفاده می‌شود؟

گزینه 1:
`render()`
گزینه 2:
`setState()`
گزینه 3:
`update()`
گزینه 4:
`diff()`

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

🟢 توضیح :

‏متد `setState()` در React باعث می‌شود که Virtual DOM دوباره رندر شود و تغییرات اعمال شوند.


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

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

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

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

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

🟢 سوال :

‏کدام یک از محدودیت‌های احتمالی استفاده از Event Delegation است؟

گزینه 1:
‏عدم امکان استفاده از فاز Capturing.
گزینه 2:
‏مشکل در مدیریت رویدادهایی که در فاز Bubbling متوقف می‌شوند.
گزینه 3:
‏افزایش پیچیدگی کد.
گزینه 4:
‏کاهش قابلیت استفاده مجدد کد.

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

🟢 توضیح :

‏اگر رویدادی در یک عنصر فرزند با متد stopPropagation() متوقف شود، Listener متصل به عنصر والد آن را دریافت نخواهد کرد.


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

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

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

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

🟣 موضوع : ‏تعریف و استفاده از Middleware در Express.js

🟢 سوال :

‏چگونه یک Middleware سفارشی در Express.js تعریف می‌کنید؟

گزینه 1:
‏با استفاده از کلمه کلیدی `middleware`
گزینه 2:
‏با ایجاد یک تابع که `req`, `res`, و `next` را دریافت می‌کند
گزینه 3:
‏با استفاده از یک حلقه `for`
گزینه 4:
‏با تعریف یک کلاس

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

🟢 توضیح :

‏Middleware های سفارشی توابعی هستند که اشیاء درخواست (`req`), پاسخ (`res`), و تابع `next` را به عنوان آرگومان دریافت می‌کنند.


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

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

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

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

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

🟢 سوال :

‏React Server Components کدام است؟

گزینه 1:
‏کامپوننت‌هایی که فقط در سمت کاربر اجرا می‌شوند
گزینه 2:
‏متدی جدید برای fetch داده در پرونده‌های JSON
گزینه 3:
‏کامپوننت‌هایی که بدون ارسال JavaScript اضافی به کلاینت در سرور رندر می‌شوند
گزینه 4:
‏کتابخانه جایگزین CSS-in-JS

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

🟢 توضیح :

‏Server Components روی سرور رندر شده و HTML خالص را ارسال می‌کنند بدون نیاز به ارسال JavaScript به کلاینت.


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

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

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

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