دوره جامع REACT 2023 همراه با Redux ،Firebase و TypeScript
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- یادگیری کامل REACT: از سطح مبتدی تا پیشرفته
- رویکرد مدرن React 18 همراه با Hooks و کامپوننتهای تابعی
- کار با Context API و Reducers
- مدیریت استیت با REDUX Toolkit برای اپلیکیشنهای مقیاس بزرگ
- کار با دادههای ناهمزمان در Redux
- مسیریابی با REACT ROUTER
- یکپارچهسازی FIREBASE برای پایگاه دادههای بلادرنگ و میزبانی
- استقرار خودکار Firebase با استفاده از Github
- استفاده از TYPESCRIPT برای توسعه بدون باگ
- پیادهسازی TypeScript در پروژههای جدید و موجود React
توضیحات دوره
به دوره جامع REACT نسخه 2023 خوش آمدید. دروازه ورود به دنیای تخصص در React در حوزه همیشه در حال تحول توسعه وب است.
در چشمانداز تکنولوژی امروز، تسلط به React تنها یک مهارت نیست؛ بلکه یک مزیت شغلی محسوب میشود. این دوره جامع، دانشجویان را در مسیری از سطح مبتدی تا تبدیل شدن به یک توسعهدهنده با تجربه همراهی میکند و آنها را به ابزارها و تکنیکهای مورد نیاز صنعت امروز مجهز میسازد.
چرا این دوره انتخاب مناسبی است؟
در میان انبوه دورههای React، این دوره آموزشی به دلایل متعددی متمایز است:
- از صفر تا تسلط: آموزشها از مبانی آغاز میشوند تا برای مبتدیان قابل درک باشند و به آرامی به سمت موضوعات پیشرفته پیش میروند تا توسعهدهندگان با تجربه نیز بینشهای ارزشمندی کسب کنند.
- رویکرد مدرن به React: تمرکز بر کامپوننتهای تابعی و Hooks.
- ابهام زدایی از Context و Reducers: مفاهیم پیچیدهای مانند Context و Reducers به شفافترین شکل ممکن توضیح داده میشوند تا درک عمیقی از مدیریت استیت در React حاصل شود.
- Redux Toolkit برای مدیریت استیت بی دردسر: یادگیری نحوه سادهسازی مدیریت استیت با Redux Toolkit، که مهارتی ضروری برای هر توسعهدهنده React است.
- Firebase برای اپلیکیشنهای دنیای واقعی: بررسی عمیق Firebase برای تسلط به احراز هویت کاربر، یکپارچهسازی پایگاه داده Firestore و استقرار پروژه، جهت توانمندسازی در ساخت اپلیکیشنهای واقعی و مقیاسپذیر
- یکپارچهسازی TypeScript: با ادغام TypeScript در پروژههای React، کیفیت کد و پتانسیل همکاری تیمی ارتقا مییابد تا توسعهدهنده همیشه پیشرو باشد.
مزایای این دوره برای دانشجویان:
چه دانشجو یک توسعهدهنده مبتدی باشد و چه یک حرفهای با تجربه که به دنبال ارتقای مهارتهای خود است، این دوره توانمندیهای زیر را ارائه میدهد:
- مهارتهای آماده برای بازار کار: تجهیز به ابزارها و دانش مورد نیاز برای موقعیتهای شغلی پرتقاضای توسعهدهنده React
- پروژههایی برای ساخت رزومه: کسب تجربه عملی از طریق پروژههای کاربردی با پایگاههای داده Real-time و دامنههای اختصاصی
- اعتماد به نفس در مفاهیم پیچیده: رویارویی با مفاهیم پیشرفتهای مانند مدیریت استیت و احراز هویت با اعتماد به نفس کامل
- بینشهای صنعتی: بهرهمندی از نکات واقعی و بهترین شیوه های حاصل از سالها تجربه در صنعت
مخاطبین این دوره:
- توسعهدهندگان مشتاق: اگر React برای شما جدید است، این دوره یک اصول محکم فراهم میکند.
- توسعهدهندگان با تجربه: توسعهدهندگان حرفهای از موضوعات پیشرفته و بهترین شیوه های کدنویسی بهرهمند خواهند شد.
- متخصصان به دنبال رشد شغلی: ارتقای مهارتها و باز کردن درها به روی فرصتهای شغلی بهتر
فرصت تسلط به React و پیشی گرفتن در مسیر توسعه وب نباید از دست برود. با شرکت در این دوره میتوان به جامعه پویای متخصصان React پیوست. زمان آن است که وب اپلیکیشنهای شگفتانگیزی ساخته شوند!
این دوره برای چه کسانی مناسب است؟
- توسعهدهندگان وب مشتاق که به دنبال نقطه شروعی برای React هستند. آنها از صفر به یک توسعهدهنده مطمئن React تبدیل خواهند شد.
- توسعهدهندگان با تجربهای که به دنبال ارتقاء هستند: اگر فردی هماکنون توسعهدهنده است اما میخواهد مهارتهای خود را با React پیشرفته تقویت کند، این دوره موضوعات پیشرفته را همراه با پروژههای واقعی ارائه میدهد.
- دانشجویان و علاقهمندان به تکنولوژی که قصد دارند با استفاده از React به دنیای توسعه وب مدرن وارد شوند.
- کارآفرینان و بنیانگذاران استارتاپ که به دنبال ساخت کسبوکارهای مبتنی بر وب هستند.
دوره جامع REACT 2023 همراه با Redux ،Firebase و TypeScript
-
آمادهسازی محیط کار 04:09
-
مبانی JSX 09:55
-
رندر کردن لیست با تابع Map 08:33
-
بررسی تمرین کدنویسی 03:08
-
مهارتهای خود را در رندر کردن لیست بیازمایید None
-
رندرینگ شرطی 10:46
-
مهارتهای خود را در رندرینگ شرطی بیازمایید None
-
کامپوننتها 07:22
-
نمایش یا پنهان کردن خلاصه سفارش 05:26
-
Props 04:51
-
رویدادها (Events) 06:49
-
استیت 05:20
-
هوکهای React 02:51
-
بروزرسانی متغیرهای استیت 08:11
-
مهارتهای خود را در کار با رویدادها و useState Hook بیازمایید None
-
بروزرسانی جزئیات سفارش 08:13
-
مدیریتکننده تعداد 10:25
-
معرفی پروژه کارهای روزانه 02:44
-
مقایسه CSS و SCSS 05:53
-
استایلهای کامپوننت 05:58
-
ماژولهای CSS 09:04
-
نکاتی برای کار با ماژولهای CSS 09:04
-
مدیریت استیت در اپلیکیشنهای مقیاس بزرگ 06:19
-
ایجاد دادههای نمونه و رندر کردن لیست 03:36
-
راه اندازی منطق حذف و علامتگذاری انجام کارها 09:00
-
ایجاد و ارائه Context برای پروژه 05:39
-
استفاده از Context در کامپوننتهای فرزند 03:21
-
Reducers - یکپارچهسازی منطق استیت 05:31
-
استفاده از تابع Reducer 08:38
-
مهارتهای خود را در کار با Reducers بیازمایید None
-
ارسال Actionها به طور مستقیم از کامپوننت To-Do 02:49
-
انتقال منطق Context به کامپوننت Provider 08:13
-
ادغام Reducer با Context 04:23
-
مودال اضافه کردن کار جدید 05:10
-
باز و بسته کردن مودال با استفاده از State 07:26
-
منطق اضافه کردن کار جدید 08:30
-
اختصاص شناسه (ID) به کارهای جدید 05:21
-
منطق فیلتر کردن 06:01
-
نمایش کارهای فیلتر شده 04:53
-
ذخیره دادهها در LocalStorage 08:48
-
معرفی پروژه لیست کتابها 05:00
-
شروع کار با React Router 07:14
-
اضافه کردن لینکها با React Router 04:49
-
لینکهای داینامیک و پارامترهای URL 06:19
-
اضافه کردن لینک به کتابهای تکی 03:40
-
پیمایش لینکها به صورت برنامهنویسی با useNavigate 04:01
-
Redux - مدیریت استیت برای اپلیکیشنهای مقیاس بزرگ 05:18
-
نصب Redux و راهاندازی Store 08:33
-
خواندن اطلاعات از استیت با هوک useSelector 04:30
-
فراخوانی توابع Reducer با هوک useDispatch 08:34
-
جلوگیری از خطاهای مخرب برای شناسههای کتاب ناموجود 03:07
-
تغییر استیت خوانده شده 07:51
-
اکشن addBook 09:26
-
ایجاد Slice برای یادداشتها 04:44
-
فیلتر کردن یادداشتها بر اساس شناسه کتاب 03:39
-
پاک کردن یادداشتها 03:37
-
اضافه کردن یادداشت 07:59
-
پاک کردن تمام یادداشتهای کتاب 03:45
-
معرفی پروژه React و Firebase 05:20
-
راهاندازی پروژه Firebase 04:43
-
متدهای احراز هویت در Firebase 05:34
-
ثبتنام کاربران جدید 09:20
-
مدیریت خطاهای ثبتنام 05:39
-
ورود کاربران موجود 03:55
-
عملکرد بازیابی رمز عبور 04:28
-
نمایش صفحه اصلی به کاربران وارد شده 11:03
-
حفظ استیت ورود در نشست مرورگر 06:39
-
عملکرد خروج از حساب 05:02
-
اضافه کردن لودر به صفحه ورود 04:26
-
راهاندازی پایگاه داده Firestore 06:17
-
خواندن اطلاعات از پایگاه داده Firestore 09:38
-
استفاده از عبارات شرطی WHERE در کوئریهای Firebase 04:17
-
آیا واقعاً در این پروژه به Redux نیاز است؟ 04:12
-
توابع ناهمزمان در Redux با createAsyncThunk 09:30
-
کار با ExtraReducers و آبجکت Builder 07:07
-
بروزرسانی دادهها در Firestore - ویژگی isRead 11:15
-
تغییر وضعیت isRead از صفحه جزئیات کتاب 03:56
-
حذف اسناد از Firestore 06:52
-
ایجاد اسناد در Firestore 09:45
-
رفع باگها در فرآیند اضافه کردن کتاب 07:12
-
اضافه کردن لودر برای عملیاتهای در حال انتظار 08:01
-
صفحه جزئیات کتاب: دریافت اطلاعات کتاب در زمان درخواست 14:58
-
بهبود استیت بارگذاری صفحه جزئیات کتاب 07:07
-
دریافت یادداشتهای کتاب 12:11
-
حذف یادداشتهای کتاب 04:00
-
اضافه کردن یادداشت 04:38
-
پاکسازی و مرتبسازی پروژه 05:33
-
میزبانی با Firebase Hosting 08:28
-
اتصال دامنه اختصاصی com. به پروژه Firebase 09:43
-
ایجاد مخزن در Github 12:36
-
نکات مقدماتی GIT 05:29
-
راهاندازی یکپارچهسازی Github با Firebase 06:43
-
اهمیت Branchها 03:12
-
استقرار Branchهای ویژگی با Pull Request 10:27
-
TypeScript چیست؟ 04:31
-
آمادهسازی محیط کار 06:24
-
آشنایی با TSC: کامپایلر TypeScript 06:12
-
سینتکس TypeScript 09:28
-
انواع داده اولیه و توابع 10:47
-
آرایهها (Arrays) 04:21
-
آبجکت ها و نامهای مستعار نوع 06:01
-
ویژگیهای اختیاری 06:15
-
رابطها (Interfaces) 04:37
-
انواع Union و Literal 07:58
-
مقادیر Null و Undefined 07:16
-
نوع داده Any 05:31
-
المانهای HTML و Type Assertion 07:38
-
معرفی پروژه دانشجویان 03:46
-
تعریف Interface دانشجو 08:02
-
نمایش خروجی نام و سن دانشجویان 08:15
-
نوشتن منطق برای حوزه تمرکز 10:12
-
نمایش وضعیت دانشجویان 02:08
-
تابع قابل استفاده مجدد رفرش جدول 05:28
-
ایجاد اولین پروژه React و TypeScript 09:57
-
تعیین نوع (Typing) متغیرهای استیت 07:25
-
تعیین نوع Props 07:48
-
به اشتراکگذاری Typeها بین کامپوننتها 05:48
-
تعیین نوع توابع 05:39
-
معرفی اپلیکیشن آزمون (Quiz) 03:35
-
ایجاد Context 05:46
-
ارائه Context 07:33
-
اضافه کردن تابع Reducer به Context 08:39
-
تنظیم نوع Context 07:14
-
دریافت سوالات از Open Trivia API 07:34
-
ساخت Interface سوال با کمک Chat GPT 05:12
-
رندر رابط کاربری (UI) بر اساس وضعیت بازی 10:10
-
اضافه کردن سوال به Context 05:40
-
جابهجایی تصادفی پاسخهای صحیح و غلط 08:16
-
رمزگشایی از HTML Entities در سوالات 03:49
-
دریافت پاسخ کاربر 07:23
-
ثبت پاسخ کاربر 05:22
-
نمایش نتیجه به کاربر 07:26
-
نمایش سوال بعدی برای بازی بینهایت 03:49
-
اضافه کردن امتیاز به Context 08:50
-
تنظیم صدا و افکت کاغذ رنگی برای پاسخ صحیح 05:31
مشخصات آموزش
دوره جامع REACT 2023 همراه با Redux ،Firebase و TypeScript
- تاریخ به روز رسانی: 1404/10/04
- سطح دوره:همه سطوح
- تعداد درس:135
- مدت زمان :14:34:08
- حجم :7.14GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy