کامپوزیشن پیشرفته کامپوننتهای Typescript - React
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- شما یاد خواهید گرفت که چگونه کامپوننتهای پیشرفته React را با استفاده از تکنیکهای کامپوزیشن کامپوننتهای مرکب ایجاد کنید.
- شما اصول SOLID، اصول DRY و الگوهای طراحی مختلف React مانند الگوی Context Provider و الگوی Render Props را درک و اعمال خواهید کرد.
- شما یاد خواهید گرفت که چگونه از Next JS، Typescript و Tailwind CSS برای ساخت رابطهای کاربری کارآمد و قابل نگهداری استفاده کنید.
- شما توانایی برنامهریزی و ساختاردهی متفکرانه کد خود را به دست میآورید که منجر به ایجاد کامپوننتهای React با معماری مناسب میشود.
پیش نیازهای دوره
- دانشجویان باید قبل از گذراندن این دوره درک اولیهای از JavaScript و React داشته باشند. آشنایی با HTML و CSS نیز توصیه میشود. مقداری تجربه در Typescript مفید خواهد بود، اگرچه کاملاً ضروری نیست.
توضیحات دوره
رازهای ایجاد کامپوننتهای پیشرفته React را با دوره جامع مدرس کشف کنید،
"تسلط به کامپوزیشن پیشرفته کامپوننتهای React."
این دوره که برای فراگیران متوسط تا پیشرفته طراحی شده است، مهارتهای React شما را با بررسی عمیق در تکنیکهای کامپوزیشن کامپوننتهای مرکب ارتقا میدهد.
شما یاد خواهید گرفت که چگونه کارتهای محصول پیچیده را با استفاده از اصول SOLID، اصول DRY و الگوهای طراحی ضروری React مانند الگوی Context Provider و الگوی Render Props بسازید. این دوره بر شیوههای کدنویسی تمیز و برنامهریزی متفکرانه تأکید میکند و اطمینان میدهد که شما میتوانید کامپوننتهای React با معماری مناسب ایجاد کنید که برای کارفرمایان برجسته باشد.
پشته فناوری ما شامل Next.js ،TypeScript و Tailwind CSS است که ابزاری مدرن و قدرتمند برای توسعه برنامههای کارآمد و قابل نگهداری در اختیار شما قرار میدهد. چه شما یک دانشجوی دانشگاه با مقداری تجربه توسعه وب باشید و چه یک حرفهای که به دنبال ارتقای مهارتهای خود هستید، این دوره برای کمک به برتری شما تنظیم شده است.
تا پایان دوره، شما درک کاملی از مفاهیم پیشرفته React و توانایی اعمال آنها در سناریوهای دنیای واقعی خواهید داشت.
علاوه بر این، شما بهترین شیوهها را برای ساختاردهی و سازماندهی پروژههای خود، بهبود گردش کار خود و افزایش بهرهوری کشف خواهید کرد. تا پایان دوره، شما درک کاملی از مفاهیم پیشرفته React و توانایی اعمال آنها در سناریوهای دنیای واقعی خواهید داشت. به ما بپیوندید و با "تسلط به کامپوزیشن پیشرفته کامپوننتهای React" گام بعدی را در مسیر شغلی توسعه خود بردارید.
این دوره برای چه کسانی مناسب است؟
- این دوره برای فراگیران متوسط تا پیشرفته که درک اولیه از JavaScript و React دارند طراحی شده است. این دوره برای توسعهدهندگانی که میخواهند دانش خود را در مورد معماری کامپوننتهای React و الگوهای طراحی عمیقتر کنند، ایدهآل است.
کامپوزیشن پیشرفته کامپوننتهای Typescript - React
-
مقدمه 02:02
-
ارجاع به کتابخانههای رابط کاربری 05:08
-
نمایش دوره 05:02
-
تحلیل طراحی Figma 07:12
-
تحلیل رفتار کامپوننت 09:08
-
مقدمهای بر داراییهای Figma 13:39
-
نمونهبرداری رنگ در Figma 11:27
-
ایجاد یک پروژه Next JS 05:48
-
پاکسازی پروژه و افزونهها 06:24
-
گسترش رنگهای Tailwind 04:44
-
نصب آیکونهای React 03:54
-
استایل CENTER در Tailwind 08:40
-
ایجاد کامپوننت تصویر 21:24
-
بازآرایی کامپوننت تصویر 12:05
-
ایجاد یک کامپوننت کانتینر جعبه 35:58
-
بازآرایی کامپوننت کانتینر جعبه 12:04
-
ایجاد یک کامپوننت دکمه 12:11
-
ایجاد یک کامپوننت کارت محصول 54:13
-
بهبود کامپوننت کارت محصول 09:39
-
ایجاد کامپوننت افزاینده 14:08
-
حداقل و حداکثر افزاینده 07:58
-
بالا بردن State افزاینده 10:18
-
ایجاد کامپوننت Like 15:04
-
الگوی Render-Prop 15:32
-
بازآرایی کامپوننت Like 21:58
-
تفکیک دغدغهها 19:51
-
ایجاد یک کامپوننت مرکب ساده 35:03
-
ایجاد جزئیات کارت آیتم 09:12
-
ایجاد یک کامپوننت توضیحات 03:30
-
ایجاد کامپوننت Action آیتم 07:42
-
مقدمهای بر API Context از ChatGPT 24:16
-
مقدمهای بر الگوی Context Provider 27:04
-
ادامه الگوی Context Provider 10:01
-
پیادهسازی API Context-Provider 42:18
-
آزمون Provider 09:11
-
دریافت تصویر از Provider 16:47
-
جزئیات محصول و نام محصول 32:05
-
ایجاد یک کامپوننت جزئیات محصول 02:50
-
ایجاد یک کامپوننت برچسب قیمت 05:51
-
ایجاد یک کامپوننت توضیحات 04:26
-
ایجاد کامپوننت Action آیتم 12:45
-
اضافه کردن Action افزودن به سبد خرید 08:12
-
تاچ های نهایی 10:27
مشخصات آموزش
کامپوزیشن پیشرفته کامپوننتهای Typescript - React
- تاریخ به روز رسانی: 1405/04/02
- سطح دوره:متوسط
- تعداد درس:43
- مدت زمان :10:07:11
- حجم :5.15GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy