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

🟣 موضوع : ‏تحلیل Bundle با webpack Bundle Analyzer

🟢 سوال :

‏چه افزونه‌ای در webpack مسئول تولید خودکار گزارش Bundle Analyzer است؟

گزینه 1:
CompressionPlugin
گزینه 2:
BundleAnalyzerPlugin
گزینه 3:
HotModuleReplacementPlugin
گزینه 4:
DefinePlugin

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

🟢 توضیح :

‏BundleAnalyzerPlugin افزونه‌ای است که در webpack.config.js برای تولید گزارش آنالیز باندل استفاده می‌شود.


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

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

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

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

🟣 موضوع : ‏نوشتن مستند کامپوننت با Storybook

🟢 سوال :

‏Storybook چیست؟

گزینه 1:
‏یک فریم ورک CSS
گزینه 2:
‏یک ابزار تست E2E
گزینه 3:
‏یک محیط توسعه برای کامپوننت های UI
گزینه 4:
‏یک دیتابیس NoSQL

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

🟢 توضیح :

‏Storybook یک محیط توسعه برای ساخت و نمایش کامپوننت های UI به صورت جداگانه است.


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

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

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

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

🟣 موضوع : ‏مفاهیم Promises برای برنامه‌نویسی غیرهمزمان

🟢 سوال :

‏در چه حالتی متد catch() اجرا می‌شود؟

گزینه 1:
‏هرگاه Promise با موفقیت انجام شود
گزینه 2:
‏هرگاه Promise رد شود
گزینه 3:
‏بعد از then() بلافاصله
گزینه 4:
‏بلافاصله پس از ساختن Promise

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

🟢 توضیح :

‏catch() هنگام reject شدن Promise اجرا می‌شود.


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
💡 نکته #React_js

🟣 موضوع : ‏استایل‌دهی با Styled-Components

نکته :

‏می‌خوای یه div استایل‌دار رو به شکل button یا a رندر کنی؟ از as prop استفاده کن. فوق‌العاده انعطاف‌پذیره! 🤸‍♂️💡


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

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

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

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

🟣 موضوع : ‏کار با EventEmitter در Node.js

🟢 سوال :

‏EventEmitter معمولاً در Node.js در کجاها استفاده می‌شود؟

گزینه 1:
‏برای مدیریت رویدادهای DOM در سمت سرور.
گزینه 2:
‏برای پیاده‌سازی جریان‌های داده (streams).
گزینه 3:
‏برای ایجاد سرورهای HTTP.
گزینه 4:
‏همه موارد فوق.

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

🟢 توضیح :

‏EventEmitter به طور گسترده در APIهای اصلی Node.js مانند Streams، HTTP و فرآیندها برای مدیریت رویدادهای ناهمزمان و ارتباط بین اجزای مختلف استفاده می‌شود.


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

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

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

🟣 موضوع : ‏پارامترها و کوئری‌استرینگ در React Router

نکته :

‏فرق اصلی؟ پارامترها معمولاً بخش جدایی‌ناپذیر مسیر و شناسه‌های یکتا هستن (مثلاً ID یک محصول). اما کوئری استرینگ‌ها بیشتر برای فیلتر، صفحه‌بندی یا مرتب‌سازی به کار میرن و اختیاری‌ان. ⚖️ اینو یادت باشه!


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

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

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

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

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

🟢 سوال :

‏جاوا اسکریپت در وب مدرن عمدتا برای چه منظوری استفاده می شود؟

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

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

🟢 توضیح :

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


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

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

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

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

🟣 موضوع : ‏اجرای کوئری و Mutation در Apollo

🟢 سوال :

‏برای اجرای یک Mutation در Apollo Client چه هوکی را باید فراخوانی کرد؟

گزینه 1:
useQuery
گزینه 2:
useMutation
گزینه 3:
MutationComponent
گزینه 4:
executeMutation

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

🟢 توضیح :

‏useMutation هوکی است که برای ارسال Mutation استفاده می‌شود.


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

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

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

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

🟣 موضوع : ‏استفاده از try, catch و finally برای مدیریت استثناءها

🟢 سوال :

‏نحوه تعریف یک استثناء سفارشی در جاوااسکریپت چیست؟

گزینه 1:
‏throw new Error("پیام")
گزینه 2:
‏error("پیام")
گزینه 3:
‏try new Error("پیام")
گزینه 4:
‏catch("پیام")

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

🟢 توضیح :

‏از throw new Error() برای پرتاب استثناء سفارشی استفاده می‌شود.


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
💡 نکته #React_js

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

نکته :

‏دیدی state زیادی داری؟ از useReducer استفاده کن! state management رو آسون میکنه و باعث میشه برنامه ات منظم تر بشه! 💡👍


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

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

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


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

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

🟣 موضوع : ‏تعریف و کاربرد توابع (Functions)

🟢 سوال :

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

گزینه 1:
`variable myFunction() {}`
گزینه 2:
`function = myFunction() {}`
گزینه 3:
`function myFunction() {}`
گزینه 4:
`myFunction function() {}`

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

🟢 توضیح :

‏تعریف تابع در جاوااسکریپت با کلمه کلیدی `function` شروع شده، سپس نام تابع و پرانتزها و در نهایت بدنه تابع داخل آکولاد قرار می‌گیرد.


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
💡 نکته #React_js

🟣 موضوع : ‏نمایش پیشرفت بارگذاری (Progress)

نکته :

‏می‌تونی از useState برای مدیریت وضعیت لودینگ استفاده کنی؛ مثلاً isLoading رو اول true بذاری، بعد که داده اومد، false کنی. 💡 خیلی ساده‌ست!


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

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

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

آدرس وبسایت:
https://Tutorial24.ir
💡 نکته #React_js

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

نکته :

‏دیدی state زیادی داری؟ از useReducer استفاده کن! state management رو آسون میکنه و باعث میشه برنامه ات منظم تر بشه! 💡👍


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

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

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

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

🟣 موضوع : ‏تفاوت React با دیگر فریم‌ورک‌ها و کتابخانه‌های UI

🟢 سوال :

‏تفاوت اصلی بین React و Angular چیست؟

گزینه 1:
‏React یک کتابخانه است، در حالی که Angular یک فریم‌ورک کامل است.
گزینه 2:
‏Angular از JavaScript استفاده می‌کند، در حالی که React از TypeScript استفاده می‌کند.
گزینه 3:
‏React برای برنامه‌های موبایل مناسب‌تر است.
گزینه 4:
‏Angular از DOM مجازی استفاده نمی‌کند.

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

🟢 توضیح :

‏React یک کتابخانه UI است که بر روی کامپوننت‌ها تمرکز دارد، در حالی که Angular یک فریم‌ورک کامل است که ساختار و ابزارهای بیشتری را ارائه می‌دهد.


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

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

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

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

🟣 موضوع : ‏استفاده از try, catch و finally برای مدیریت استثناءها

نکته :

‏finally بلوکیه که همیشه اجرا میشه، چه خطا پیش بیاد چه نیاد. عالیه برای تمیزکاری و آزاد کردن منابع! 🧹 همیشه یادت باشه بعد از try/catch اجرا میشه.


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

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

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

🟣 موضوع : ‏استایل‌دهی با Emotion

نکته :

‏از keyframes ایموشن استفاده کن تا انیمیشن‌های خفن درست کنی! 💫


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

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

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

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

🟣 موضوع : ‏مدیریت state در اپلیکیشن‌های مبتنی بر جاوا اسکریپت (Redux، Vuex)

🟢 سوال :

‏برای پیگیری تغییرات state در Vuex می‌توان از چه چیزی استفاده کرد؟

گزینه 1:
mutations
گزینه 2:
getters
گزینه 3:
plugins
گزینه 4:
watchers

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

🟢 توضیح :

‏از watchers می‌توان برای نظارت و واکنش به تغییرات state در Vuex استفاده کرد.


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

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

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

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