دوره کامل توسعه دهنده ری اکت (به همراه هوک ها و ریداکس)
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- ساخت، تست و راه اندازی اپلیکیشن های ری اکت
- استفاده از جاوا اسکریپت ES6/ES7 پیشرفته
- راه اندازی احراز هویت و حساب های کاربری
- استقرار اپلیکیشن های ری اکت خود به صورت زنده در وب
- یادگیری جدیدترین کتابخانه ها و ابزارهای ری اکت
- تسلط به ری اکت، ریداکس، React-Router و موارد دیگر
پیش نیازهای دوره
- یک کامپیوتر که بتوانید روی آن نرمافزار نصب کنید (ویندوز، مک او اس یا لینوکس)
- درک مفاهیم پایه جاوا اسکریپت (توابع، اشیاء، آرایهها، توابع فراخوانی)
توضیحات دوره
این دوره به تازگی برای پشتیبانی از ری اکت نسخه 16، React Hooks ،Context API و موارد دیگر بروزرسانی شده است!
دوره کامل توسعهدهنده وب React 2 با اصول اولیه شروع میشود و هر آنچه را که برای ساخت و راهاندازی وب اپلیکیشن های React نیاز دارید، پوشش میدهد.
شما خواهید دید که برای ساخت و راهاندازی یک اپلیکیشن React، از اولین خط کد تا استقرار نهایی در محیط تولید، چه چیزهایی لازم است.
این دوره حول یک هدف طراحی شده است: تبدیل شما به یک توسعهدهنده حرفهای React که قادر به توسعه، تست و استقرار اپلیکیشن در دنیای واقعی باشد.
شما React را با انجام دادن یاد خواهید گرفت، نه با تماشا کردن...
از اولین ویدیوها، شما هر پروژه را میسازید و همچنین چالشهای برنامهنویسی را که من برای آزمایش و تقویت آموختههایتان طراحی کردهام، تکمیل خواهید کرد.
در طول دوره، دو برنامه وب React خواهید ساخت:
اولین برنامه، یک برنامه تصمیمگیری به نام Indecision، برنامه اولیه ما است. شما اصول React را یاد خواهید گرفت و در عین حال دقیقاً خواهید دید که برای راهاندازی و اجرای یک برنامه React چه چیزی لازم است.
برنامه دوم، یک مدیر هزینه به نام Budget، تمام ویژگیهایی را که از یک برنامه واقعی انتظار دارید، دارد. شما احراز هویت، حسابهای کاربری، مسیریابی، تست، اعتبارسنجی فرم، ذخیرهسازی پایگاه داده و موارد دیگر را تنظیم خواهید کرد.
این دوره برای چه کسانی مناسب است؟
- هر کسی که به دنبال راه اندازی اپلیکیشن های ری اکت، تغییر شغل یا فریلنسری به عنوان توسعه دهنده ری اکت است.
دوره کامل توسعه دهنده ری اکت (به همراه هوک ها و ریداکس)
-
خوش آمدگویی و پرسیدن سوالات خوب 04:53
-
دلیل یادگیری ری اکت 05:10
-
معرفی بخش: راه اندازی محیط 00:50
-
نصب ویژوال استودیو کد 01:35
-
نصب Node.js و Yarn 04:24
-
معرفی بخش: Hello React 02:07
-
راه اندازی یک وب سرور 12:00
-
بخش Hello React 18:38
-
راه اندازی Babel 17:26
-
بررسی JSX 14:43
-
عبارت های JSX 10:20
-
رندر شرطی در JSX 22:34
-
ES6 Aside: معرفی const و let 16:29
-
ES6 Aside: توابع Arrow 12:36
-
ES6 Aside: توابع Arrow - بخش 2 19:57
-
رویدادها و Attributes 16:39
-
اتصال دستی داده 11:52
-
فرمها و ورودیها 17:53
-
آرایه ها در JSX 14:15
-
انتخاب یک گزینه 08:31
-
بسازید: تاگل قابلیت مشاهده 09:10
-
معرفی بخش: کامپوننت های ری اکت 01:18
-
تفکر در ری اکت 07:21
-
کلاس های ES6: بخش 1 20:52
-
کلاس های ES6: بخش 2 18:07
-
ایجاد کامپوننت ری اکت 14:36
-
کامپوننت های تودرتو 05:43
-
Props کامپوننت 13:34
-
رویدادها و متدها 10:34
-
اتصال متد 11:24
-
Component State چیست؟ 06:50
-
افزودن State به اپلیکیشن شمارنده: بخش 1 08:18
-
افزودن State به اپلیکیشن شمارنده: بخش 2 11:00
-
سینتکس setState جایگزین 07:15
-
بسازید: افزودن حالت به تاگل قابلیت مشاهده 08:13
-
Indecision State: بخش 1 17:06
-
Indecision State: بخش 2 14:33
-
خلاصه: Props در مقابل State 03:41
-
معرفی بخش: کامپوننت های تابعی Stateless 00:54
-
کامپوننت تابعی Stateless 13:47
-
مقادیر پیش فرض Prop 09:49
-
ابزارهای توسعهدهنده React 07:03
-
حذف گزینه های منحصر به فرد 16:22
-
متدهای چرخه عمر 10:07
-
ذخیره سازی و بارگذاری داده های گزینه ها 14:36
-
ذخیره و بارگذاری شمارش 10:34
-
معرفی بخش: Webpack 01:15
-
Webpack چیست؟ 09:06
-
اجتناب از ماژول های جهانی 08:25
-
نصب و پیکربندی Webpack 16:31
-
ایمپورت / اکسپورت ES6 18:32
-
اکسپورت های پیش فرض 11:18
-
ایمپورت کردن ماژولهای npm 11:28
-
راه اندازی Babel با Webpack 09:27
-
هر فایل یک کامپونت 18:12
-
نقشه های منبع با Webpack 05:16
-
سرور توسعه Webpack 08:48
-
ویژگی های کلاس ES6 17:33
-
معرفی بخش: استفاده از یک کامپوننت شخص ثالث 01:13
-
انتقال فرزندان به کامپوننت 06:25
-
راه اندازی React-Modal 18:45
-
جایزه: بازسازی سایر کامپوننت های تابعی Stateless 02:25
-
معرفی بخش: استایل دهی ری اکت 00:49
-
راه اندازی Webpack با SCSS 13:16
-
استایل های معماری و هدر 14:48
-
ریست $#!* 04:58
-
قالب سازی با متغیرها 14:18
-
دکمه بزرگ و لیست گزینه ها 15:24
-
استایل دهی لیست گزینه ها 14:13
-
استایل دهی آیتم گزینه 16:40
-
استایل دهی React-Modal 18:00
-
ملاحظات موبایل 12:57
-
جایزه: Favicon 02:53
-
معرفی بخش: React-Router 02:49
-
مسیریابی کلاینت در مقابل سرور 04:39
-
راه اندازی اپلیکیشن بودجه 06:54
-
React-Router 101 20:13
-
راه اندازی یک 404 05:58
-
لینک دهی بین مسیرها 14:08
-
سازماندهی مسیرها 12:30
-
رشته های کوئری و پارامترهای URL 09:10
-
بسازید: مسیریاب برای سایت نمونه کارها 18:27
-
معرفی بخش: ریداکس 01:35
-
چرا به چیزی مانند ریداکس نیاز داریم؟ 13:33
-
راه اندازی ریداکس 07:53
-
Dispatch کردن اکشنها 13:00
-
اشتراک گرفتن و اکشن های پویا 09:35
-
Destructuring آبجکت ES6 15:49
-
Destructuring آرایه ES6 10:38
-
ریفکتور کردن و سازماندهی 16:41
-
Reducers 12:05
-
کار با چندین Reducers 13:40
-
ES6 Spread Operator در Reducers 17:36
-
اسپرد کردن آبجکت ها 14:36
-
جمع بندی Reducers 09:52
-
فیلتر کردن داده های Redux 16:54
-
مرتب سازی داده ریداکس 06:14
-
معرفی بخش: اتصال React و Redux 01:06
-
سازماندهی ریداکس 15:02
-
کامپوننت Higher Order 15:30
-
اتصال استور و کامپوننت با React-Redux 15:40
-
رندر کردن هزینه های فردی 09:09
-
ورودی های کنترل شده برای فیلترها 14:21
-
Dropdown برای انتخاب SortBy 08:41
-
ایجاد فرم افزودن / ویرایش هزینه 20:09
-
راه اندازی Date Picker 21:34
-
وایر کردن افزودن هزینه 16:44
-
وایر کردن ویرایش هزینه 19:06
-
ابزارهای توسعهدهنده Redux 05:33
-
فیلتر کردن با تاریخ ها 19:44
-
معرفی بخش: تست کامپوننت های ری اکت 03:03
-
راهاندازی Jest 19:34
-
تست ژنراتورهای اکشن هزینه ها 16:55
-
تست ژنراتورهای اکشن فیلترها 11:06
-
تست انتخابگر هزینه ها 17:03
-
تست Reducer فیلترها 14:07
-
تست Reducer هزینه ها 15:10
-
تست Snapshot 12:13
-
Enzyme 21:53
-
تست اسنپ شات با کامپوننت های پویا 15:42
-
Mock کردن کتابخانه ها با Jest 11:51
-
تست تعامل کاربر 16:54
-
تست Spies 17:39
-
تست AddExpensePage 14:39
-
تست EditExpensePage 19:00
-
تست ExpenseListFilters 14:50
-
تست ExpenseListFilters: بخش 2 12:27
-
معرفی بخش: استقرار برنامه های شما 01:00
-
نصب گیت 04:26
-
Git چیست؟ 05:17
-
یکپارچه سازی گیت در پروژه های خود 12:54
-
راه اندازی SSH و Github 18:08
-
Webpack تولید 13:07
-
ایجاد فایل های جداگانه CSS 16:47
-
یک وب سرور تولید با Express 13:14
-
استقرار با Heroku 16:44
-
وابستگی های منظم در مقابل توسعه 15:36
-
گردش کاری ویژگی جدید 12:32
-
بخش عملی: افزودن Total Selector 17:25
-
بسازید: افزودن کامپوننت خلاصه 18:39
-
معرفی بخش: Firebase 101 01:11
-
دریافت Firebase 11:40
-
نوشتن در پایگاه داده 14:59
-
ES6 Promises 14:30
-
Promises با Firebase 10:54
-
حذف داده از Firebase 05:42
-
بروزرسانی داده 10:41
-
واکشی داده از Firebase 17:54
-
داده آرایه در Firebase: بخش 1 15:12
-
داده آرایه در Firebase: بخش 2 14:56
-
معرفی بخش: Firebase با ریداکس 01:18
-
اکشن های غیرهمزمان ریداکس 18:49
-
تست اکشن های همزمان ریداکس: بخش 1 16:59
-
تست اکشن های همزمان ریداکس: بخش 2 12:12
-
ایجاد یک پایگاه داده تست جداگانه 21:15
-
متغیرهای محیط Heroku 06:38
-
واکشی هزینه ها: بخش 1 12:38
-
واکشی هزینه ها: بخش 2 13:52
-
حذف هزینه 12:03
-
بروزرسانی هزینه 10:31
-
معرفی بخش: احراز هویت Firebase 00:59
-
صفحه لاگین و احراز هویت گوگل 19:26
-
خروج از سیستم 11:05
-
ریدایرکت کردن لاگین یا لوگ اوت 12:48
-
Auth Reducer 15:49
-
مسیرهای فقط خصوصی 13:04
-
مسیرهای فقط عمومی 05:29
-
داده های خصوصی Firebase 18:33
-
استقرار و اعتبارسنجی داده 14:58
-
معرفی بخش: استایل دهی اپلیکیشن بودجه 00:33
-
استایل دهی صفحه لاگین 13:45
-
استایل دهی دکمه ها 15:35
-
استایل دهی ناحیه خلاصه 12:20
-
استایل دهی فیلترهای لیست 10:05
-
استایل دهی ورودی ها 11:30
-
استایل دهی فرم هزینه 13:19
-
استایل دهی لیست هزینه: بخش 1 13:03
-
استایل دهی لیست هزینه: بخش 2 17:58
-
افزودن Loader 09:26
-
Babel Polyfill 04:55
-
استقرار نهایی 01:57
-
معرفی بخش: حالا چه؟ 01:35
-
ایجاد Boilerplate نهایی 18:05
-
ارتقاهای اپلیکیشن بودجه 03:18
-
ارتقاهای اپلیکیشن Indecision 01:09
-
ایده اپلیکیشن جدید: بلاگ 02:48
-
تا دیدار بعد 01:11
-
معرفی بخش 00:29
-
استفاده از ایجاد اپلیکیشن ری اکت 16:46
-
هوک useState 15:50
-
useState در مقابل setState 12:18
-
State پیچیده با useState 16:21
-
هوک useEffect 11:24
-
وابستگی های useEffect 11:57
-
پاکسازی افکت ها 08:11
-
هوک useReducer 14:46
-
هوک useContext و Context API: بخش 1 20:00
-
هوک useContext و Context API: بخش 2 16:58
-
فرگمنتها 02:43
-
ایجاد هوکهای سفارشی 20:16
مشخصات آموزش
دوره کامل توسعه دهنده ری اکت (به همراه هوک ها و ریداکس)
- تاریخ به روز رسانی: 1404/09/07
- سطح دوره:مقدماتی
- تعداد درس:200
- مدت زمان :39:11:55
- حجم :21.13GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy