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

🟣 موضوع : ‏Advanced Object Destructuring و Spread/Rest Operators

🟢 سوال :

‏کدام سینتکس برای استخراج مقادیر از یک شیء و تخصیص آن‌ها به متغیرهایی با نام‌های متفاوت استفاده می‌شود؟

گزینه 1:
const { key: newName } = obj;
گزینه 2:
const newName = obj.key;
گزینه 3:
const { newName = obj.key };
گزینه 4:
const [ newName ] = obj;

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

🟢 توضیح :

‏سینتکس { key: newName } به شما امکان می‌دهد مقدار مرتبط با کلید key در شیء obj را به متغیری با نام newName تخصیص دهید.


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

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

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

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

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

🟢 سوال :

‏برای دریافت داده‌های باینری (blob) در Fetch API از کدام متد استفاده می‌کنیم؟

گزینه 1:
response.text()
گزینه 2:
response.json()
گزینه 3:
response.blob()
گزینه 4:
response.formData()

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

🟢 توضیح :

‏متد blob() پاسخ را به صورت Binary Blob برمی‌گرداند


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

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

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

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

🟣 موضوع : ‏طراحی سیستم کامپوننت (Design System)

🟢 سوال :

‏استاندارد WCAG چه ارتباطی با Design System دارد؟

گزینه 1:
‏مستندسازی API
گزینه 2:
‏دسترس‌پذیری (Accessibility)
گزینه 3:
‏بهینه‌سازی عملکرد
گزینه 4:
‏استایل‌دهی

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

🟢 توضیح :

‏WCAG مجموعه دستورالعمل‌هایی برای افزایش دسترس‌پذیری رابط‌های کاربری ارائه می‌دهد.


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

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

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

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

🟣 موضوع : ‏ایجاد APIهای RESTful با Express.js

🟢 سوال :

‏در Express.js، چگونه می‌توان داده‌ها را از بدنه (body) یک درخواست POST دریافت کرد؟

گزینه ۱:
req.query

گزینه ۲:
req.params

گزینه ۳:
req.body

گزینه ۴:
req.headers

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

🟢 توضیح :

‏برای دسترسی به بدنه درخواست (معمولاً JSON)، به `req.body` مراجعه کنید.

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

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

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

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

🟣 موضوع : Incremental Static Regeneration (ISR)

🟢 سوال :

‏ISR چه تاثیری بر سئو دارد؟

گزینه 1:
‏هیچ تاثیری ندارد
گزینه 2:
‏باعث کاهش رتبه سئو می‌شود
گزینه 3:
‏باعث افزایش رتبه سئو می‌شود
گزینه 4:
‏فقط برای وبسایت‌های فروشگاهی تاثیر دارد

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

🟢 توضیح :

‏ISR با ارائه محتوای استاتیک و به‌روز، به بهبود رتبه سئو کمک می‌کند.


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

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

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

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

🟣 موضوع : ‏بارگذاری فایل (File Upload)

🟢 سوال :

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

گزینه 1:
localStorage
گزینه 2:
SessionStorage
گزینه 3:
‏XMLHttpRequest یا Fetch API
گزینه 4:
Cookies

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

🟢 توضیح :

‏XMLHttpRequest و Fetch API امکان ارسال داده‌ها، از جمله فایل‌ها، را به سرور فراهم می‌کنند.


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

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

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

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

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

🟢 سوال :

‏کدامیک از این موارد یک پاسخ موفق (Success) در Axios محسوب می‌شود؟

گزینه 1:
‏کدهای پاسخ 2xx
گزینه 2:
‏کدهای پاسخ 3xx
گزینه 3:
‏کدهای پاسخ 4xx
گزینه 4:
‏کدهای پاسخ 5xx

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

🟢 توضیح :

‏کدهای پاسخ 2xx نشان‌دهنده موفقیت در عملیات هستند.


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

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

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

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

🟣 موضوع : ‏پیاده‌سازی آزمون خودکار (Automated Testing)

🟢 سوال :

‏برای انتظار برای بروزرسانی‌های غیرهمزمان در React Testing Library از کدام تابع استفاده می‌کنیم؟

گزینه 1:
waitFor
گزینه 2:
findByText
گزینه 3:
act
گزینه 4:
wait

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

🟢 توضیح :

‏تابع waitFor تا زمانی که شرط تعیین‌شده برقرار شود صبر می‌کند.


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

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

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

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

🟣 موضوع : ‏آشنایی با LocalStorage و SessionStorage

🟢 سوال :

‏ظرفیت ذخیره‌سازی LocalStorage و SessionStorage معمولاً چقدر است؟

گزینه 1:
‏چند کیلوبایت.
گزینه 2:
‏چند مگابایت.
گزینه 3:
‏چند گیگابایت.
گزینه 4:
‏بسته به مرورگر متفاوت است، اما معمولاً چند مگابایت.

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

🟢 توضیح :

‏ظرفیت دقیق ذخیره‌سازی می‌تواند بین مرورگرهای مختلف متفاوت باشد، اما معمولاً حدود 5 تا 10 مگابایت برای هر origin (ترکیب پروتکل، دامنه و پورت) برای LocalStorage و کمی کمتر برای SessionStorage است.


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

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

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

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

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

🟢 سوال :

‏کدام ویژگی ES6 اجازه می‌دهد تا به راحتی مقادیر یک آرایه یا شیء را به متغیرها اختصاص دهیم؟

گزینه 1:
Spread Operator
گزینه 2:
Rest Parameter
گزینه 3:
Destructuring
گزینه 4:
Template Literals

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

🟢 توضیح :

‏Destructuring به ما اجازه می‌دهد تا مقادیر را از آرایه‌ها یا اشیاء به متغیرها اختصاص دهیم.


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

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

آدرس کانال اصلی :
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
🔵 کوییز #‏جاوا_اسکریپت

🟣 موضوع : ‏ایجاد APIهای RESTful با Express.js

🟢 سوال :

‏کدام کد وضعیت HTTP معمولاً در پاسخ به یک درخواست DELETE موفقیت‌آمیز برگردانده می‌شود که هیچ محتوایی برنمی‌گرداند؟

گزینه 1:
‏200 OK (با بدنه خالی)
گزینه 2:
204 No Content
گزینه 3:
404 Not Found
گزینه 4:
500 Internal Server Error

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

🟢 توضیح :

‏کد وضعیت 204 No Content نشان می‌دهد که درخواست DELETE با موفقیت انجام شده است و سرور هیچ محتوایی برای ارسال در بدنه پاسخ ندارد.


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

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

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

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

🟣 موضوع : ‏توابع Arrow در مقابل توابع عادی

🟢 سوال :

‏کدام نوع تابع برای استفاده در Callbackها (به خصوص در متدهایی مانند map, filter, reduce) ترجیح داده می‌شود اگر نیازی به تغییر مقدار this نباشد؟

گزینه 1:
‏تابع عادی
گزینه 2:
‏تابع Arrow
گزینه 3:
‏هر دو به یک اندازه مناسب هستند.
گزینه 4:
‏بستگی به تعداد پارامترها دارد.

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

🟢 توضیح :

‏توابع Arrow به دلیل به ارث بردن this از Scope لغوی، در Callbackها که ممکن است مقدار this به طور ناخواسته تغییر کند، مفید هستند.


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

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

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

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

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

🟢 سوال :

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

گزینه 1:
open
گزینه 2:
send
گزینه 3:
getResponseHeader
گزینه 4:
abort

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

🟢 توضیح :

‏متد send() درخواست را ارسال می‌کند


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

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

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

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

🟣 موضوع : ‏Server-Side Rendering (SSR) با Next.js

🟢 سوال :

‏در getServerSideProps چه مقدار داده می‌توان بازگرداند؟

گزینه 1:
‏تنها داده‌های JSON
گزینه 2:
‏شی شامل props و redirect و notFound
گزینه 3:
‏فقط آرایه از مقادیر
گزینه 4:
‏اجباراً HTML

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

🟢 توضیح :

‏getServerSideProps می‌تواند شی شامل props، redirect یا notFound برگرداند.


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

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

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


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

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

🟣 موضوع : ‏کار با Service Workers و اصول PWA

🟢 سوال :

‏Progressive Web App (PWA) چیست؟

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

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

🟢 توضیح :

‏PWA یک برنامه وب است که از فناوری های مدرن وب (مانند Service Workers و manifest file) برای ارائه تجربه کاربری مشابه برنامه های بومی استفاده می کند.


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

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

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

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

🟣 موضوع : ‏Advanced Object Destructuring و Spread/Rest Operators

🟢 سوال :

‏چه چیزی مقدار پارامتر rest را در تابع زیر تعیین می‌کند؟ function f(a, ...rest) { }

گزینه 1:
‏بقیه آرگومان‌های ارسالی ورای a
گزینه 2:
‏آرایه خالی دائمی
گزینه 3:
‏مقدار a به‌جز بقیه
گزینه 4:
‏طول آرایه arguments

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

🟢 توضیح :

‏rest شامل آرایه‌ای از بقیه آرگومان‌هایی است که بعد از a ارسال شده‌اند.


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

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

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

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

🟣 موضوع : ‏روش‌های تغییر استایل و محتوای HTML با جاوا اسکریپت

🟢 سوال :

‏برای افزودن یک عنصر HTML جدید به DOM از کدام متد استفاده می شود؟

گزینه 1:
createElement()
گزینه 2:
appendChild()
گزینه 3:
insertBefore()
گزینه 4:
append()

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

🟢 توضیح :

‏appendChild() یک گره جدید را به عنوان آخرین فرزند یک عنصر اضافه می کند.


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

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

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

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

🟣 موضوع : ‏Hook‌ پایه: `useEffect`

🟢 سوال :

‏آیا می‌توان useEffect را داخل شرط if قرار داد؟

گزینه 1:
‏بله، بدون مشکل
گزینه 2:
‏خیر، همیشه خطا می‌دهد
گزینه 3:
‏فقط در React نسخه 18
گزینه 4:
‏نباید، اما می‌توان داخل callback شرط گذاشت

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

🟢 توضیح :

‏قرار دادن Hookها در شرط if توصیه نمی‌شود، اما داخل callback useEffect می‌توان شرط نوشت.


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

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

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

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