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

🟣 موضوع : ‏Hook پیشرفته: `useCallback`

🟢 سوال :

‏چه زمانی useCallback می‌تواند از رندر اضافی کامپوننت فرزند جلوگیری کند؟

گزینه 1:
‏وقتی state تغییر نمی‌کند
گزینه 2:
‏وقتی از useMemo استفاده می‌شود
گزینه 3:
‏وقتی تابع در useEffect تعریف شده باشد
گزینه 4:
‏وقتی تابعی که به فرزند پاس داده می‌شود داخل useCallback قرار گرفته باشد

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

🟢 توضیح :

‏با محصور کردن تابع در useCallback و جلوگیری از تغییر مرجع تابع، کامپوننت فرزند هنگام دریافت props ثابت مجدداً رندر نمی‌شود.


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

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

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

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

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

🟢 سوال :

‏آیا رویدادهای فعال شده بر روی عنصر هدف، از فاز Capturing عبور می‌کنند؟

گزینه 1:
‏خیر، مستقیماً به فاز Bubbling می‌روند.
گزینه 2:
‏بله، عنصر هدف بخشی از مسیر Capturing است.
گزینه 3:
‏فقط اگر Listener در فاز Capturing برای هدف ثبت شده باشد.
گزینه 4:
‏بستگی به نوع رویداد دارد.

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

🟢 توضیح :

‏رویدادها از فاز Window به سمت عنصر هدف در فاز Capturing حرکت می‌کنند و Listenerهای ثبت شده در این مسیر فعال می‌شوند، حتی اگر Listener مستقیماً روی عنصر هدف ثبت شده باشد (در فاز Capturing).


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

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

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

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

🟣 موضوع : ‏مدیریت فایل‌ها و دایرکتوری‌ها در Node.js

🟢 سوال :

‏کدام متد برای حذف یک دایرکتوری استفاده می شود؟

گزینه 1:
mkdir()
گزینه 2:
rmdir()
گزینه 3:
rename()
گزینه 4:
unlink()

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

🟢 توضیح :

‏rmdir() یک دایرکتوری را حذف می کند. توجه داشته باشید که دایرکتوری باید خالی باشد.


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

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

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

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

🟣 موضوع : ‏Cache Management در Apollo

🟢 سوال :

‏گزینه مناسب برای invalidation داده‌ها در Apollo چیست؟

گزینه 1:
resetStore
گزینه 2:
writeQuery
گزینه 3:
readFragment
گزینه 4:
evict + garbageCollect

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

🟢 توضیح :

‏ترکیب evict برای حذف آیتم و garbageCollect برای پاکسازی حافظه، invalidation مؤثر را فراهم می‌کند.


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

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

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

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

🟣 موضوع : ‏طراحی Responsive با Media Queries

🟢 سوال :

‏کدام تکنیک برای طراحی responsive بدون استفاده از media queries مناسب است؟

گزینه 1:
‏استفاده از واحدهای مطلق (مانند px)
گزینه 2:
‏استفاده از جداول HTML
گزینه 3:
‏استفاده از flexbox و grid layout
گزینه 4:
‏استفاده از تصاویر ثابت

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

🟢 توضیح :

‏Flexbox و grid layout امکان ایجاد طرح‌بندی‌های انعطاف‌پذیر و قابل تنظیم را بدون نیاز به media queries زیاد فراهم می‌کنند.


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

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

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

🟣 موضوع : ‏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