تسلط به React: از صفر تا توسعهدهنده حرفهای
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- تسلط به اصول React از جمله Hooks ،Context API و معماری مبتنی بر کامپوننت
- پیادهسازی مدیریت استیت پیشرفته با Redux Toolkit ،Zustand و RTK Query یا React Query
- ساخت و استایلدهی رابطهای کاربری مدرن با استفاده از Mantine UI و Tailwind CSS
- یکپارچهسازی Firebase برای احراز هویت و پایگاه داده، و یادگیری تستنویسی قوی با Vitest
پیشنیازهای دوره
- درک اولیه از JavaScript (سینتکس ES6 و بالاتر) توصیه میشود.
- یک کامپیوتر با Node.js نصب شده و یک ویرایشگر کد (مانند VS Code) مورد نیاز است.
- آشنایی با HTML و CSS کمککننده خواهد بود، اما الزامی نیست.
توضیحات دوره
آیا میخواهید به یک توسعهدهنده React با درآمد بالا تبدیل شوید؟ این دوره شما را از صفر به ساخت اپلیکیشنهای دنیای واقعی با استفاده از React مدرن، Redux و Firebase میرساند! این دوره جامع یک برنامه آموزشی ساختاریافته و بروز را ارائه میدهد که توسط یک مدرس با تجربه هدایت میشود و اطمینان حاصل میکند که مهارتهای لازم برای ساخت اپلیکیشنهای واقعی و آماده تولید را کسب کنید.
دوره با پوشش اصول React، از جمله کامپوننتهای تابعی، هوکها و بهترین شیوه های مدیریت استیت آغاز میشود. از آنجا، یاد خواهید گرفت که چگونه Redux Toolkit، Zustand و React Query (TanStack Query) یا RTK Query را برای مدیریت پیشرفته دادهها بهطور یکپارچه ادغام کنید. برای افزایش کیفیت و قابلیت اطمینان کد، مدرس به شما نشان خواهد داد که چگونه از TypeScript و Firebase استفاده کنید. همراه با احراز هویت کاربر و پایگاههای داده بلادرنگ است.
اما این همه ماجرا نیست. شما با Mantine UI و Tailwind CSS وارد دنیای استایلدهی مدرن خواهید شد و رابطهای کاربری چشمنواز و واکنشگرا ایجاد خواهید کرد. این مفاهیم از طریق پروژههای عملی مانند ردیاب هزینهها و اپلیکیشن کوییز تقویت میشوند تا اطمینان حاصل شود که چگونگی کاربرد هر تکنولوژی در محیط واقعی را درک میکنید. در این مسیر، شما به تستنویسی با Vitest و React Testing Library و همچنین بهینهسازی عملکرد مانند تقسیم کد و Memoization تسلط خواهید یافت.
در پایان این دوره، شما نه تنها مجموعهای از اپلیکیشنهای حرفهای React خواهید داشت، بلکه اعتماد به نفس و تخصص لازم برای انجام پروژههای پیچیده را به تنهایی کسب خواهید کرد. چه یک مبتدی کامل باشید و چه یک توسعهدهنده با تجربه که به دنبال ارتقای مهارتهای خود است، این دوره نقشه راه روشنی برای تسلط بر React ارائه میدهد.
وقت خود را با آموزشهای قدیمی هدر ندهید! همین حالا بپیوندید و شروع به ساخت اپلیکیشنهای React مانند یک حرفهای کنید!
این دوره برای چه کسانی مناسب است؟
- توسعهدهندگان مشتاق فرانتاند که به دنبال مقدمهای عملی و مبتنی بر پروژه برای React هستند.
- توسعهدهندگان متوسط JavaScript/TypeScript که میخواهند به ابزارهای مدیریت استیت (Zustand ،Redux ،RTK Query React Query) و الگوهای پیشرفته React مسلط شوند.
- هر کسی که علاقهمند به ساخت اپلیکیشنهای مقیاسپذیر و واقعی با ابزارهای مدرن، از جمله Firebase ،Mantine UI و Tailwind CSS است.
- توسعهدهندگانی که به دنبال بهترین شیوه ها برای تستنویسی، بهینهسازی عملکرد و تقسیم کد در React هستند.
تسلط به React: از صفر تا توسعهدهنده حرفهای
-
مقدمه بخش 00:24
-
کار با متغیرها 05:16
-
درک Scopeها 04:04
-
درک Hoisting و TDZ 03:32
-
تابع Arrow در مقابل تابع سنتی 01:47
-
متدهای آرایه: Map 03:04
-
متدهای آرایه: Reduce 01:15
-
متدهای آبجکت 07:48
-
Destructuring 02:09
-
عملگر Spread 00:56
-
Optional Chaining 01:40
-
تمرین 09:17
-
مقدمهای بر React.js 02:49
-
چرا روش سنتی بهترین گزینه نیست؟ 01:52
-
المانهای React 01:07
-
درک Virtual-DOM 04:19
-
سینتکس JSX 10:41
-
مقدمهای بر ساختار فایلها و پوشههای پروژه React.js 06:01
-
سینتکس JSX در عمل 16:44
-
Props و PropTypes 06:11
-
پروژه: اپلیکیشن شمارنده نئونی 04:58
-
پروژه: فرم گردشگری فضایی 10:20
-
پروژه: اپلیکیشن لیست کارهای سفر 25:24
-
مقدمهای بر Tailwind CSS و نصب آن 02:35
-
چگونگی کار با استایلهای متن 10:38
-
عملی (ساخت دکمه قابل شخصیسازی) 15:06
-
Flex 05:26
-
Grid 03:23
-
پروژه: نقل قولها 14:52
-
مقدمهای بر TypeScript 01:00
-
اولین پروژه TypeScript 14:00
-
چگونه یک اپلیکیشن React.js با TypeScript بسازیم؟ 01:32
-
دموی پروژه 04:46
-
ساخت کامپوننت موجودی 09:06
-
لیست تراکنشها 08:52
-
ساخت مودال 09:36
-
ایجاد فرم تراکنش - 1 16:47
-
بالا بردن استیت 11:45
-
پایان 10:57
-
useReducer، useContext و هوک سفارشی 12:22
-
استفاده از مدیریت استیت سراسری 06:09
-
بستن مودال با کلید Escape 02:54
-
فرم فیلتر 22:29
-
تکمیل ویژگی فیلتر 11:15
-
دموی پروژه 01:35
-
مقدمهای بر Mantine UI و راهاندازی 08:24
-
ساخت طرحبندی و کانتینر قابل استفاده مجدد 10:17
-
ساخت صفحه دستهبندی و آیتم دستهبندی 09:21
-
صفحه شروع آزمون 02:46
-
صفحه آزمون و کامپوننتهای آن 08:45
-
مسیریابی با React Router 11:04
-
مقدمهای بر Zustand - مدیریت استیت سراسری 05:46
-
ایجاد Store آزمون و ذخیره نام کاربری 12:19
-
انتخاب آیتم دستهبندی 01:50
-
انتخاب دستهبندی آزمون - بخش 2 07:53
-
انتخاب دستهبندی - بخش 3 03:39
-
ذخیره پاسخهای کاربر 10:28
-
ذخیره پاسخهای کاربر - بخش 2 04:50
-
ذخیره پاسخهای کاربر - بخش 3 04:50
-
پایان ذخیرهسازی پاسخهای کاربر 09:33
-
استقرار در Vercel 02:15
-
هوک useRef 02:03
-
هوک سفارشی useOnlineStatus 03:43
-
هوک سفارشی useLocalStorage 04:26
-
هوک useId 01:45
-
هوک سفارشی useCopyToClipboard 03:16
-
احراز هویت Firebase - بخش 1 20:25
-
احراز هویت Firebase - بخش 2 14:43
-
احراز هویت Firebase - بخش 3 09:05
-
پیادهسازی Mantine UI 10:23
-
بازسازی و تنظیم ساختار پوشهها و فایلها 09:00
-
بهبود UI و UX 06:46
-
افزودن هشدار به پیام خطا 03:23
-
طراحی پایگاه داده، ذخیره بلاگها و راهاندازی ویرایشگر متن غنی 23:13
-
استایلدهی 19:57
-
صفحه جزئیات بلاگ 09:22
-
حذف پست 05:55
-
پیادهسازی ویرایش پست 08:52
-
مقدمهای بر Redux Toolkit و یادگیری اصول 13:08
-
مقدمهای بر ابزار توسعهدهنده Redux 01:42
-
عملیات غیرهمزمان با Async Thunk 08:09
-
دریافت هر پست با شناسه 00:27
-
Mutation در Redux Toolkit 07:22
-
مقدمهای بر RTK Query و دریافت پستها با آن 06:23
-
دریافت پست تکی و Mutation با RTK Query 05:14
-
مقدمهای بر TanStack Query و دریافت دادهها با آن 05:35
-
ایجاد Mutation و درخواست POST 05:26
-
Mutation - حذف 02:40
-
نوشتن تست یکپارچگی ساده برای توابع ریاضی 05:33
-
تست واحد برای کامپوننتهای React 02:49
-
تست اپلیکیشن شمارنده 08:26
-
تست هوکهای سفارشی و useCounter 08:14
-
Lazy Loading و Suspense 07:16
-
الگوی Container و Presentational در React 13:47
-
الگوی کامپوننت ترکیبی 15:17
-
الگوی Hooks 09:45
مشخصات آموزش
تسلط به React: از صفر تا توسعهدهنده حرفهای
- تاریخ به روز رسانی: 1404/10/04
- سطح دوره:همه سطوح
- تعداد درس:96
- مدت زمان :12:14:15
- حجم :6.24GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy