🔵 آموزش مبانی برنامه نویسی - بخش پنجم

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

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

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

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


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

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

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

🔵 کوییز #React_js

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

🟢 سوال :

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

گزینه 1:
Webpack
گزینه 2:
Babel
گزینه 3:
ESLint --fix
گزینه 4:
Prettier --write

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

🟢 توضیح :

‏Prettier به همراه یک ویرایشگر کد پیکربندی می‌شود تا به صورت خودکار کد را هنگام ذخیره فایل فرمت کند.


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

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

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

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

🔵 کوییز #مفاهیم_کلی_برنامه_نویسی

🟣 موضوع : ‏مفاهیم متغیرها و انواع داده‌ها: تعریف، نوع‌های عددی، متنی و منطقی

🟢 سوال :

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

گزینه ۱:
‏استفاده از عملگر "+"

گزینه ۲:
‏استفاده از تابع str()

گزینه ۳:
‏استفاده از تابع int()

گزینه ۴:
‏استفاده از تابع bool()



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

🟢 توضیح :

‏تابع str() برای تبدیل یک متغیر عددی به متغیر متنی استفاده می‌شود.

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

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

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

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

🔵 کوییز #‏جاوا_اسکریپت

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

🟢 سوال :

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

گزینه 1:
UDP
گزینه 2:
TCP
گزینه 3:
HTTP
گزینه 4:
FTP

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

🟢 توضیح :

‏WebSocket در ابتدا به عنوان یک ارتقاء از اتصال HTTP آغاز می‌شود، اما پس از برقراری اتصال، از پروتکل TCP برای ارتباطات تمام‌دوبلکس استفاده می‌کند.


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

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

آدرس کانال اصلی :
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 برای ایجاد سرور HTTP استفاده می شود؟

گزینه 1:
fs
گزینه 2:
http
گزینه 3:
url
گزینه 4:
net

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

🟢 توضیح :

‏ماژول http برای ایجاد سرورهای HTTP و مدیریت درخواست ها و پاسخ ها استفاده می شود.


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

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

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

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

🔵 کوییز #‏جاوا_اسکریپت

🟣 موضوع : ‏کاربرد Memoization در بهینه‌سازی کد

🟢 سوال :

‏WeakMap در مقایسه با Map چه مزایایی برای پیاده‌سازی Cache در Memoization دارد؟

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

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

🟢 توضیح :

‏WeakMap اجازه می‌دهد تا اگر کلید (که معمولاً یک شیء است) دیگر در جای دیگری از برنامه ارجاع داده نشود، Garbage Collector حافظه آن را آزاد کند و از نشت حافظه جلوگیری شود.


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

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

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

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

🔵 کوییز #React_js

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

🟢 سوال :

‏در کامپوننت تابعی React برای تعریف state باید از چه هوکی استفاده کرد؟

گزینه 1:
this.state
گزینه 2:
useState
گزینه 3:
setState
گزینه 4:
constructor

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

🟢 توضیح :

‏در کامپوننت‌های تابعی از هوک useState برای مدیریت state استفاده می‌شود.


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

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

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

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

🔵 کوییز #‏جاوا_اسکریپت

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

🟢 سوال :

‏کدام رویداد برای تشخیص تغییر مقدار یک فیلد فرم استفاده می شود؟

گزینه 1:
onclick
گزینه 2:
onsubmit
گزینه 3:
onchange
گزینه 4:
onblur

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

🟢 توضیح :

‏رویداد `onchange` زمانی فعال می شود که مقدار یک عنصر فرم تغییر کند.


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

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

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

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

🔵 کوییز #React_js

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

🟢 سوال :

‏اگر آرایه وابستگی‌های useEffect خالی باشد، useEffect چه زمانی اجرا می‌شود؟

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

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

🟢 توضیح :

‏آرایه وابستگی‌های خالی باعث می‌شود useEffect فقط بعد از اولین رندر اجرا شود.


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

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

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

🟣 موضوع : ‏کامپوننت‌های تابعی (Function Components)

🟢 سوال :

‏چه زمانی باید از `useReducer` به جای `useState` استفاده کرد؟

گزینه 1:
‏وقتی state ساده است
گزینه 2:
‏وقتی نیازی به state نیست
گزینه 3:
‏وقتی منطق state پیچیده است
گزینه 4:
‏وقتی از کامپوننت‌های کلاسی استفاده می‌کنیم

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

🟢 توضیح :

‏`useReducer` برای مدیریت state پیچیده با منطق به‌روزرسانی پیچیده مناسب است.


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

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

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

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

🔵 کوییز #‏جاوا_اسکریپت

🟣 موضوع : ‏آشنایی با Package Managerهایی مانند npm و yarn

🟢 سوال :

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

گزینه 1:
npm view <package-name>
گزینه 2:
npm info <package-name>
گزینه 3:
npm show <package-name>
گزینه 4:
npm details <package-name>

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

🟢 توضیح :

‏دستور npm info <package-name> اطلاعات جامعی در مورد پکیج مورد نظر از رجیستری npm نمایش می‌دهد.


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

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

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

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