دوره آموزشی
The Great Courses
دوبله زبان فارسی

دوره React برای مبتدیان: ساخت یک ردیاب هزینه واقعی

دوره 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

2,069,600 517,400 تومان

مشخصات آموزش

دوره React برای مبتدیان: ساخت یک ردیاب هزینه واقعی

  • تاریخ به روز رسانی: 1405/04/12
  • سطح دوره:مقدماتی
  • تعداد درس:30
  • مدت زمان :03:28:23
  • حجم :1.98GB
  • زبان:دوبله زبان فارسی
  • دوره آموزشی:AI Academy

آموزش های مرتبط

The Great Courses
7,256,500 1,451,300 تومان
  • زمان: 09:44:25
  • تعداد درس: 67
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
2,260,000 452,000 تومان
  • زمان: 03:02:02
  • تعداد درس: 14
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
795,000 159,000 تومان
  • زمان: 58:00
  • تعداد درس: 12
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
19,403,000 3,880,600 تومان
  • زمان: 26:02:40
  • تعداد درس: 175
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
8,508,000 1,701,600 تومان
  • زمان: 11:25:13
  • تعداد درس: 94
  • سطح دوره:
  • زبان: دوبله فارسی
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
1,833,000 366,600 تومان
  • زمان: 02:27:39
  • تعداد درس: 24
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
6,100,500 1,220,100 تومان
  • زمان: 08:11:21
  • تعداد درس: 28
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
3,634,500 726,900 تومان
  • زمان: 04:52:43
  • تعداد درس: 38
  • سطح دوره:
  • زبان: دوبله فارسی

آیا سوالی دارید؟

ما به شما کمک خواهیم کرد تا شغل و رشد خود را افزایش دهید.
امروز با ما تماس بگیرید