آموزش ویدیویی جاوا اسکریپت، Node.js ، React ، jQuery ، Vue و ...
1.67K subscribers
27 photos
33 videos
121 files
750 links
Download Telegram
🔵 کوییز #جاوا_اسکریپت

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

🟢 سوال :

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

گزینه 1:
Object.create()
گزینه 2:
Object.assign()
گزینه 3:
new Object()
گزینه 4:
Object.prototype.clone()

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

🟢 توضیح :

‏Object.create به صورت مستقیم یک شی جدید می‌سازد و پروتوتایپ آن را تنظیم می‌کند


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

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

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

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

🟣 موضوع : ‏کاربرد روش‌های bind، call و apply

🟢 سوال :

‏خروجی کد زیر چیست؟ const calculator = { add: function(a, b) { return a + b; } }; const result = calculator.add.apply(null, [5, 3]); console.log(result);

گزینه 1:
NaN
گزینه 2:
8
گزینه 3:
'53'
گزینه 4:
‏خطا

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

🟢 توضیح :

‏متد apply() تابع add را با مقدار this برابر با null (در این مورد this در تابع add استفاده نمی‌شود) و آرگومان‌های 5 و 3 که در یک آرایه قرار داده شده‌اند، فراخوانی می‌کند. نتیجه جمع (8) در متغیر result ذخیره می‌شود.


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

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

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

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

🟣 موضوع : ‏Middleware در Redux (مثل Redux Thunk)

🟢 سوال :

‏Middleware ها در Redux در کجای چرخه حیات Action قرار دارند؟

گزینه 1:
‏قبل از dispatch شدن Action به Reducer
گزینه 2:
‏بعد از dispatch شدن Action به Reducer
گزینه 3:
‏به جای Reducer
گزینه 4:
‏همزمان با کامپوننت‌ها

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

🟢 توضیح :

‏Middleware ها قبل از رسیدن Action به Reducer وارد عمل می‌شوند و می‌توانند Action را تغییر دهند یا آن را به تعویق بیندازند.


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

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

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

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

🟣 موضوع : ‏آشنایی با اصول دیباگینگ در محیط‌های IDE: نکات و تکنیک‌های برتر

🟢 سوال :

‏هنگام دیباگینگ یک برنامه پیچیده، بهترین رویکرد معمولاً چیست؟

گزینه ۱:
‏حدس زدن محل خطا و قرار دادن نقاط توقف تصادفی

گزینه ۲:
‏شروع از اولین خط کد و اجرای گام به گام کل برنامه

گزینه ۳:
‏تلاش برای بازتولید دقیق شرایط بروز خطا و استفاده از نقاط توقف و بررسی متغیرها در آن ناحیه مشکوک

گزینه ۴:
‏تغییر کد به صورت تصادفی تا زمانی که مشکل برطرف شود



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

🟢 توضیح :

‏بهترین رویکرد برای دیباگینگ برنامه‌های پیچیده، تلاش برای بازتولید دقیق شرایطی است که منجر به خطا می‌شوند و سپس استفاده از نقاط توقف و بررسی دقیق وضعیت متغیرها و جریان اجرا در آن ناحیه مشکوک برای یافتن علت اصلی مشکل است.

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

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

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

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

🟣 موضوع : ‏مقدمه‌ای بر React.js و تاریخچه‌ی آن

🟢 سوال :

‏کدام ابزار برای مدیریت state در React.js استفاده می‌شود؟

گزینه 1:
Angular
گزینه 2:
Vue
گزینه 3:
Redux
گزینه 4:
jQuery

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

🟢 توضیح :

‏Redux یک ابزار محبوب برای مدیریت state در برنامه‌های React.js است.


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

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

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

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

🟣 موضوع : ‏نقش جاوا اسکریپت در وب مدرن

🟢 سوال :

‏AJAX (Asynchronous JavaScript and XML) چه امکانی را برای وب مدرن فراهم کرده است؟

گزینه 1:
‏بارگذاری کامل صفحات وب برای هر تعامل کاربر
گزینه 2:
‏ارسال و دریافت داده‌ها از سرور بدون بارگذاری مجدد کل صفحه
گزینه 3:
‏مدیریت حافظه مرورگر
گزینه 4:
‏افزایش امنیت وب‌سایت

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

🟢 توضیح :

‏AJAX امکان ایجاد برنامه‌های وب پویاتر و با پاسخگویی بهتر را فراهم می‌کند.


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

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

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

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

🟣 موضوع : ‏دسترسی‌پذیری (Accessibility) در کامپوننت‌ها

🟢 سوال :

‏ویژگی `aria-label` برای چه منظوری در React استفاده می شود؟

گزینه 1:
‏ارائه استایل به المان
گزینه 2:
‏افزودن متن جایگزین برای تصاویر
گزینه 3:
‏تعیین نقش یک المان برای screen reader ها
گزینه 4:
‏ایجاد انیمیشن

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

🟢 توضیح :

‏ویژگی `aria-label` نقش یک المان را برای screen reader ها تعیین می کند و به کاربران کم بینا کمک می کند.


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

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

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

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

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

🟢 سوال :

‏برای حذف یک دایرکتوری به صورت بازگشتی در Node.js کدام متد مناسب است؟

گزینه 1:
fs.rmdir
گزینه 2:
fs.rmdirSync
گزینه 3:
fs.rm
گزینه 4:
fs.rmSync

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

🟢 توضیح :

‏fs.rmSync با گزینه recursive می‌تواند دایرکتوری و محتویاتش را به صورت همزمان حذف کند.


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

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

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

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

🟣 موضوع : ‏مبانی Functional Programming در جاوا اسکریپت

🟢 سوال :

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

گزینه 1:
Generics
گزینه 2:
Polymorphism
گزینه 3:
Abstraction
گزینه 4:
Encapsulation

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

🟢 توضیح :

‏Polymorphism (چند شکلی) به معنای توانایی یک تابع برای کار با انواع مختلف داده است.


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

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

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

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

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

🟢 سوال :

‏مزیت استفاده از Prettier نسبت به فرمت‌دهی دستی کد چیست؟

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

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

🟢 توضیح :

‏Prettier فرمت‌بندی کد را به صورت خودکار و یکنواخت انجام می‌دهد، که سریع‌تر و دقیق‌تر از فرمت‌دهی دستی است.


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

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

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

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

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

🟢 سوال :

‏برای ایجاد انیمیشن با Web Animations API در جاوااسکریپت از چه متدی استفاده می‌کنیم؟

گزینه 1:
animateKeyframes()
گزینه 2:
requestAnimationFrame()
گزینه 3:
startAnimation()
گزینه 4:
element.animate(...)

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

🟢 توضیح :

‏متد element.animate بخشی از Web Animations API برای تعریف انیمیشن است.


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

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

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

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

🟣 موضوع : ‏ماژول‌های ES6 در مقابل CommonJS

🟢 سوال :

‏کدام سیستم ماژول از کلمه کلیدی `import` برای وارد کردن ماژول ها استفاده می کند؟

گزینه 1:
CommonJS
گزینه 2:
AMD
گزینه 3:
UMD
گزینه 4:
ES Modules

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

🟢 توضیح :

‏ES Modules از کلمات کلیدی `import` و `export` برای مدیریت ماژول ها استفاده می کند.


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

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

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

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

🟣 موضوع : ‏انواع زبان‌های برنامه‌نویسی: تفکیک بر اساس سطح، کاربرد، و سبک

🟢 سوال :

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

گزینه ۱:
‏سی (C)

گزینه ۲:
‏کاتلین (Kotlin)

گزینه ۳:
‏اسمبلی (Assembly)

گزینه ۴:
‏زبان ماشین (Machine Code)



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

🟢 توضیح :

‏کاتلین (Kotlin) یک زبان برنامه‌نویسی برای توسعه برنامه‌های موبایل است.

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

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

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

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

🟣 موضوع : ‏آشنایی با Babel برای تبدیل کد ES6 به نسخه‌های قدیمی‌تر

🟢 سوال :

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

گزینه 1:
babel --transpile input.js --output output.js
گزینه 2:
babel input.js -o output.js
گزینه 3:
babel convert input.js -out output.js
گزینه 4:
babel build input.js -d output.js

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

🟢 توضیح :

‏دستور babel input.js -o output.js فایل input.js را تبدیل کرده و نتیجه را در فایل output.js ذخیره می‌کند. -o مخفف --outfile است.


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

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

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

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

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

🟢 سوال :

‏کدام روش برای اجرای کد بعد از تکمیل یک Promise، صرف نظر از موفقیت یا شکست، استفاده می شود؟

گزینه 1:
`.then()`
گزینه 2:
`.catch()`
گزینه 3:
`.finally()`
گزینه 4:
`.resolve()`

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

🟢 توضیح :

‏متد `.finally()` همیشه پس از تکمیل Promise اجرا می شود.


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

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

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

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

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

🟢 سوال :

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

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

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

🟢 توضیح :

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


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

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

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

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

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

🟢 سوال :

‏هدف اصلی Helmet در Express.js چیست؟

گزینه ۱:
‏مدیریت پایگاه داده

گزینه ۲:
‏افزودن لایه‌های امنیتی مختلف به برنامه‌های Express.js

گزینه ۳:
‏مدیریت حافظه برنامه

گزینه ۴:
‏فرمت‌دهی کد

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

🟢 توضیح :

‏Helmet مجموعه‌ای از Middlewareها برای ایمن‌سازی برنامه‌های Express.js است.

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

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

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

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

🟣 موضوع : ‏آشنایی با تکنولوژی‌های WebSocket برای ارتباط real-time

🟢 سوال :

‏کدام یک از رویدادهای زیر در شیء WebSocket برای دریافت داده از سرور فعال می‌شود؟

گزینه ۱:
open

گزینه ۲:
message

گزینه ۳:
close

گزینه ۴:
error

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

🟢 توضیح :

‏رویداد `message` هر زمان که داده‌ای از سرور دریافت شود، فعال می‌شود.

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

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

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

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

🟣 موضوع : ‏مبانی React.js: ایجاد کامپوننت‌ها و مدیریت state

🟢 سوال :

‏چه زمانی باید از کامپوننت‌های class-based به جای functional components with Hooks استفاده کرد؟

گزینه 1:
‏فقط زمانی که نیاز به مدیریت lifecycle باشد.
گزینه 2:
‏هرگز، Hooks جایگزین کامپوننت‌های class-based شده‌اند.
گزینه 3:
‏زمانی که نیاز به performance بالا باشد.
گزینه 4:
‏هر زمانی که کد کوتاه‌تر و خواناتر باشد.

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

🟢 توضیح :

‏کامپوننت‌های class-based همچنان برای مدیریت lifecycle پیچیده و برخی بهینه‌سازی‌های performance کاربرد دارند، هرچند Hooks در بسیاری موارد جایگزین مناسبی هستند.


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

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

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

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

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

🟢 سوال :

‏نتیجه‌ی کد زیر چیست؟ const key = 'name'; const obj = {name: 'Ali'}; const {[key]: value} = obj;

گزینه 1:
'name'
گزینه 2:
'[key]'
گزینه 3:
undefined
گزینه 4:
'Ali'

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

🟢 توضیح :

‏با استفاده از computed property name مقدار پراپرتی name به متغیر value اختصاص می‌یابد.


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

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

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

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