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

🟣 موضوع : ‏JSX: سینتکس و قوانین نوشتاری

🟢 سوال :

‏در JSX برای صفت‌های بولی مانند disabled چگونه مقدار‌دهی می‌شود؟

گزینه 1:
disabled="true"
گزینه 2:
disabled="false"
گزینه 3:
‏disabled یا disabled={true}
گزینه 4:
disabled={0}

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

🟢 توضیح :

‏اگر صفت بولی باشد می‌توان به‌صورت disabled یا disabled={true} نوشت


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

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

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

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

🟣 موضوع : ‏State: مدیریت حالت داخلی کامپوننت

🟢 سوال :

‏کدام یک از گزینه‌های زیر بهترین توصیف برای "state" در React است؟

گزینه 1:
‏یک حافظه جانبی برای ذخیره سازی داده
گزینه 2:
‏یک آرایه از props
گزینه 3:
‏یک شیء که داده های کامپوننت را در طول زمان تغییر می دهد
گزینه 4:
‏یک API برای ارتباط با سرور

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

🟢 توضیح :

‏State در React یک شیء است که داده های کامپوننت را نگه می دارد و می تواند در طول زمان تغییر کند، باعث بروزرسانی مجدد کامپوننت می شود.


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

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

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

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

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

🟢 سوال :

‏برای اجرای Prettier به‌صورت git hook معمولاً از چه ابزاری استفاده می‌شود؟

گزینه 1:
lint-staged
گزینه 2:
webpack
گزینه 3:
babel
گزینه 4:
jest

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

🟢 توضیح :

‏ابزار lint-staged به همراه husky قبل از commit بخش‌هایی از کد را با Prettier فرمت می‌کند.


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

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

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

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

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

🟢 سوال :

‏React Server Components چگونه بر حجم bundle تأثیر می‌گذارد؟

گزینه 1:
‏تبدیل همه کدها به WebAssembly
گزینه 2:
‏حذف منطق رندر از کلاینت و کاهش حجم بسته
گزینه 3:
‏اضافه کردن polyfill‌های بیشتر
گزینه 4:
‏افزایش زمان کامپایل پروژه

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

🟢 توضیح :

‏منطق رندر در سرور اجرا می‌شود و کد جاوااسکریپت کمتری به کلاینت ارسال می‌شود.


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

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

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

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

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

🟢 سوال :

‏کدام متد ماژول 'path' برای به دست آوردن دایرکتوری یک مسیر استفاده می‌شود؟

گزینه 1:
dirname
گزینه 2:
basename
گزینه 3:
extname
گزینه 4:
filename

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

🟢 توضیح :

‏متد 'dirname' دایرکتوری یک مسیر را استخراج می‌کند.


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

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

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


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

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

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

🟢 سوال :

‏آیا Node.js برای توسعه برنامه‌های real-time مانند چت آنلاین و بازی‌های چندنفره مناسب است؟

گزینه 1:
‏خیر، به دلیل مدل تک‌رشته‌ای عملکرد خوبی ندارد.
گزینه 2:
‏بله، به دلیل معماری غیر مسدود کننده و مبتنی بر رویداد برای این نوع برنامه‌ها بسیار مناسب است.
گزینه 3:
‏فقط برای برنامه‌های کوچک با تعداد کاربران کم مناسب است.
گزینه 4:
‏بستگی به فریم‌ورک مورد استفاده دارد.

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

🟢 توضیح :

‏معماری غیر مسدود کننده و مبتنی بر رویداد Node.js آن را برای توسعه برنامه‌های real-time که نیاز به مدیریت تعداد زیادی اتصال همزمان دارند، بسیار کارآمد می‌سازد.


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

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

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

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

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

🟢 سوال :

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

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

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

🟢 توضیح :

‏Batching updates باعث کاهش تعداد دفعات آپدیت DOM واقعی می‌شود.


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

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

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

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

🟣 موضوع : ‏کار با JSON: تبدیل به آبجکت و رشته (parse و stringify)

🟢 سوال :

‏آیا می‌توان از JSON.parse() برای تجزیه آرایه‌های JSON نیز استفاده کرد؟

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

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

🟢 توضیح :

‏متد JSON.parse() می‌تواند رشته‌های JSON حاوی آرایه‌ها را نیز تجزیه کرده و به آرایه‌های جاوا اسکریپت تبدیل کند.


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

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

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

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

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

🟢 سوال :

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

گزینه 1:
‏تعریف ساختار HTML
گزینه 2:
‏اعمال استایل‌های CSS
گزینه 3:
‏دستکاری DOM (Document Object Model) و ایجاد تعامل با کاربر
گزینه 4:
‏مدیریت درخواست‌های پایگاه داده

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

🟢 توضیح :

‏جاوا اسکریپت به توسعه‌دهندگان اجازه می‌دهد تا عناصر HTML را به صورت پویا تغییر دهند، به رویدادهای کاربر پاسخ دهند و تجربه کاربری بهتری ایجاد کنند.


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

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

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

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

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

🟢 سوال :

‏Event loop در JavaScript چه وظیفه‌ای دارد؟

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

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

🟢 توضیح :

‏Event loop وظیفه خارج کردن عملیات ناهمگام از صف و اجرای آن‌ها را دارد.


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

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

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


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

📦 ارسال به سراسر ایران با پست پیشتاز
Media is too big
VIEW IN TELEGRAM
🔵 آموزش مبانی برنامه نویسی - بخش پنجم

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

🔴 توجه کنید این ویدیو با کیفیت متوسط می باشد. طی روزهای آینده نسخه های متفاوت با کیفیت بالاتر یا کم حجم تر از این نسخه در کانال قرار داده خواهد شد.

🟣 مبانی برنامه نویسی

🟢 زبان آموزش: فارسی


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

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

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

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

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

🟢 سوال :

‏در Socket.IO، چگونه می‌توان یک رویداد سفارشی را از کلاینت به سرور ارسال کرد؟

گزینه 1:
‏با استفاده از متد client.send(eventName, data).
گزینه 2:
‏با استفاده از متد socket.emit(eventName, data).
گزینه 3:
‏با استفاده از متد client.trigger(eventName, data).
گزینه 4:
‏با استفاده از متد socket.postMessage(eventName, data).

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

🟢 توضیح :

‏در سمت کلاینت، از متد socket.emit(eventName, data) برای ارسال یک رویداد با نام مشخص و داده‌های اختیاری به سرور استفاده می‌شود.


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

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

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

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

🟣 موضوع : ‏Props: تعاریف و کاربردها

🟢 سوال :

‏کدام یک از موارد زیر یک مثال از پراپ‌های پیش‌فرض (default props) است؟

گزینه 1:
`MyComponent.propTypes = {...}`
گزینه 2:
`MyComponent.defaultProps = {...}`
گزینه 3:
`MyComponent.initialProps = {...}`
گزینه 4:
`MyComponent.staticProps = {...}`

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

🟢 توضیح :

‏`defaultProps` یک ویژگی است که می‌توان برای تعیین مقادیر پیش‌فرض پراپ‌ها در صورتی که مقداری برای آن‌ها ارسال نشود، استفاده کرد.


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

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

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

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

🟣 موضوع : ‏Redirect و Navigate در React Router

🟢 سوال :

‏کدام هوک در React Router v6 برای انجام ریدایرکت به صورت برنامه‌نویسی استفاده می‌شود؟

گزینه 1:
`useHistory`
گزینه 2:
`useRedirect`
گزینه 3:
`useLocation`
گزینه 4:
`useNavigate`

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

🟢 توضیح :

‏`useNavigate` یک هوک است که یک تابع `navigate` برمی‌گرداند که می‌توانید برای ریدایرکت کردن برنامه‌نویسی کاربر استفاده کنید.


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

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

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

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

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

🟢 سوال :

‏تفاوت اصلی بین Suspense و Server Components چیست؟

گزینه 1:
‏Suspense فقط برای CSS در React است
گزینه 2:
‏Server Components فقط برای مدیریت state است
گزینه 3:
‏Suspense بیشتر برای دریافت داده در سمت کلاینت و Server Components برای رندر در سرور
گزینه 4:
‏هیچ تفاوتی ندارند و نام‌های جایگزین‌اند

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

🟢 توضیح :

‏Suspense در سمت کلاینت برای انتظار بارگذاری داده یا کامپوننت استفاده می‌شود، در حالی که Server Components روی سرور رندر می‌شوند.


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

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

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

🟣 موضوع : ‏SWR برای استراتژی‌های Fetch پیشرفته

🟢 سوال :

‏SWR چگونه به بهبود عملکرد کمک می کند؟

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

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

🟢 توضیح :

‏SWR به بهبود عملکرد کمک می کند از طریق کاهش درخواست های شبکه، ذخیره سازی داده ها و ارائه یک API ساده.


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

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

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

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

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

🟢 سوال :

‏نتیجهٔ عبارت 5 == "5" چیست؟

گزینه 1:
true
گزینه 2:
false
گزینه 3:
TypeError
گزینه 4:
"5"

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

🟢 توضیح :

‏در == مقدارها قبل مقایسه به عدد تبدیل می‌شوند و 5 == 5


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

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

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

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