دوره React برای مبتدیان: ساخت یک ردیاب هزینه واقعی
✅ سرفصل و جزئیات آموزش
آنچه فرا خواهید گرفت:
- ساخت یک داشبورد کامل ردیاب هزینه با React از ابتدا
- درک اصول React از جمله استیت، فرمها، ویژگیها، کامپوننتها و رندر پویا
- ساخت قابلیت ایجاد-خواندن-بروزرسانی-حذف (CRUD) در یک پروژه واقعی React
- ایجاد نمودارها، فیلترها، نوتیفیکیشن ها و ماندگاری با ذخیرهسازی محلی در React
پیش نیازهای دوره
- دانش اولیه JavaScript توصیه میشود.
- هیچ تجربه قبلی با React لازم نیست.
- یک رایانه با Node.js نصبشده
- تمایل به کدنویسی همراستا و ساخت پروژه گامبهگام
توضیحات دوره
اگر میخواهید React را با ساختن واقعی یک چیز واقعی یاد بگیرید، این دوره برای شماست.
در این دوره، ما یک داشبورد کامل ردیاب هزینه را از ابتدا با استفاده از React ،Tailwind CSS و Chart.js میسازیم.
این یک دوره نظریهمحور نیست. تمرکز بر ساختن یک اپلیکیشن واقعی گامبهگام است در حالی که React را بهطور طبیعی در طول مسیر یاد میگیرید.
تا پایان دوره، شما یک اپلیکیشن داشبورد مدرن با این ویژگیها ساختهاید:
- عملیات ایجاد-خواندن-بروزرسانی-حذف
- فیلتر کردن بر اساس دستهبندی و تاریخ
- جمعهای پویا
- نمودارهای دایرهای
- نمودارهای میلهای
- نوتیفیکیشن ها
- کامپوننتهای قابل استفاده مجدد React
- ماندگاری با ذخیرهسازی محلی
- رابط کاربری واکنشگرا با Tailwind CSS
در طول دوره، ما همچنین بخشهایی از اپلیکیشن را به کامپوننتهای قابل استفاده مجدد ری فکتور میکنیم تا پروژه سازمانیافته و مدیریت آن آسانتر بماند.
این دوره برای مبتدیان مناسب است و برای دانشجویانی طراحی شده که یادگیری از طریق ساختن را به صرف ساعتها زمان روی نظریه ترجیح میدهند.
همچنین تجربه کار با استتی React، فرمهای کنترلشده، فیلتر کردن داده، رندر رابط کاربری پویا، مدیریت تعاملات کاربر و ساختاربندی اپلیکیشنهای React به شیوهای تمیز و مقیاسپذیر را کسب خواهید کرد.
هدف ساده است:
ساخت یک پروژه واقعی React در حین یادگیری مفاهیم کاربردی React که میتوانید در اپلیکیشنهای آینده اعمال کنید.
این دوره برای چه کسانی مناسب است؟
- مبتدیانی که میخواهند React را با ساختن یک پروژه واقعی یاد بگیرند.
- توسعهدهندگان JavaScript که سفر React خود را آغاز میکنند.
- دانشجویانی که یادگیری عملی و مبتنی بر پروژه را به نظریه سنگین ترجیح میدهند.
- توسعهدهندگانی که میخواهند اپلیکیشنهای مدرن به سبک داشبورد با React بسازند.
دوره React برای مبتدیان: ساخت یک ردیاب هزینه واقعی
-
معرفی 02:27
-
راهاندازی 05:26
-
پاکسازی پروژه 04:19
-
راهاندازی طرح بندی + دانلود منابع 10:32
-
رابط کاربری پویا 10:54
-
مبانی استیت 05:20
-
ورودیهای کنترلشده 13:25
-
افزودن هزینه 07:26
-
بهبود منطق هزینه 05:33
-
منطق حذف هزینه 05:00
-
فیلتر هزینهها بر اساس دستهبندی 09:19
-
فیلتر هزینهها بر اساس تاریخ 08:30
-
محاسبه پویای مجموع 05:29
-
رابط کاربری حالت خالی 04:09
-
باز کردن پنجره ویرایش 08:57
-
بارگذاری هزینه در فرم ویرایش 08:16
-
منطق بروزرسانی هزینه 10:03
-
بستن پنجره 04:50
-
نصب کد نمودارها 06:47
-
داده پویای نمودار دایرهای بخش 1 - مجموع دستهبندیها 06:04
-
داده پویای نمودار دایرهای بخش 2 - داده نمودار 04:30
-
نمودار میلهای پویا 05:50
-
استایلدهی نمودارها با تم تیره 07:12
-
قابلیت نوتیفیکیشن ها 09:46
-
ری فکتور کردن - کامپوننت سرصفحه 04:11
-
ری فکتور کردن - کامپوننت فرم هزینه 07:41
-
ری فکتور کردن - کامپوننت فیلترها 04:43
-
ری فکتور کردن - کامپوننت جدول هزینهها 07:18
-
ری فکتور کردن - کامپوننت نمودارها 04:38
-
ذخیرهسازی هزینهها در یک فضای ذخیرهسازی ماندگارتر 09:48
مشخصات آموزش
دوره React برای مبتدیان: ساخت یک ردیاب هزینه واقعی
- تاریخ به روز رسانی: 1405/04/12
- سطح دوره:مقدماتی
- تعداد درس:30
- مدت زمان :03:28:23
- حجم :1.98GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy