آموزش ویدیویی جاوا اسکریپت، Node.js ، React ، jQuery ، Vue و ...
1.61K subscribers
155 photos
72 videos
121 files
1.85K links
Download Telegram
💡 نکته #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
🔵 کوییز #‏جاوا_اسکریپت

🟣 موضوع : ‏آشنایی با ساختار کنترل شرطی (if, else, switch)

🟢 سوال :

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

گزینه 1:
switch
گزینه 2:
case
گزینه 3:
if
گزینه 4:
else

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

🟢 توضیح :

‏کلمه کلیدی if برای تعریف یک بلوک کد استفاده می‌شود که تنها زمانی اجرا می‌شود که عبارت شرطی داخل پرانتز true ارزیابی شود.


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

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

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

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

🟣 موضوع : ‏React Native برای توسعه موبایل

🟢 سوال :

‏در React Native کاربرد JSX چیست؟

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

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

🟢 توضیح :

‏JSX برای نوشتن ساختار کامپوننت‌ها به صورت ترکیبی از JavaScript و XML استفاده می‌شود.


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

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

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

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

🟣 موضوع : ‏مفهوم Symbol و کاربردهای آن

🟢 سوال :

‏Symbolهای سراسری (Global Symbols) چگونه ایجاد می‌شوند؟

گزینه 1:
‏با استفاده از تابع Symbol.for(key)‎.
گزینه 2:
‏با تعریف یک متغیر سراسری با مقدار Symbol()‎.
گزینه 3:
‏با استفاده از کلمه کلیدی global Symbol(key)‎.
گزینه 4:
‏تمام Symbolها به طور پیش‌فرض سراسری هستند.

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

🟢 توضیح :

‏Symbolهای سراسری با استفاده از متد Symbol.for(key) ایجاد می‌شوند. این متد ابتدا بررسی می‌کند که آیا یک Symbol با کلید داده شده در رجیستری سراسری وجود دارد یا خیر. اگر وجود داشته باشد، آن را برمی‌گرداند؛ در غیر این صورت، یک Symbol جدید با آن کلید ایجاد و در رجیستری ثبت می‌کند.


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

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

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


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

📦 ارسال به سراسر ایران با پست پیشتاز