ساخت اپلیکیشن های ری اکت آماده تولید: راه اندازی برای استقرار با Firebase
✅ سرفصل و جزئیات آموزش
در این دوره ساخت یک اپلیکیشن کاملا تابعی تک صفحه ای، از ابتدا تا انتها، با React.js و سرویس های Firebase را خواهید آموخت.
آیا نیاز به ساخت اپلیکیشن ها با ReactJS، فریمورک محبوب جاوا اسکریپت که توسط متا (فیسبوک سابق) توسعه یافته است دارید؟ در این دوره، Sandy Ludosky، توسعه دهنده و مدرس وب، شما را در فرآیند ساخت یک اپلیکیشن تک صفحه ای به طور کارآمد، با استفاده از ابزارهای داخلی و ابزارهای خارج از چارچوب راهنمایی می کند.
شما یاد خواهید گرفت که چگونه ابزارها و فایل هایی که برای این دوره نیاز دارید را راه اندازی کنید، سپس یک پروژه جدید ری اکت را شروع کنید. شما ابزارهایی را کاوش خواهید کرد که به شما کمک می کنند از کامپوننت های Stateless به Stateful در ری اکت بروید و همچنین نحوه استفاده از Context API برای مدیریت State اپلیکیشنتان را بررسی خواهید کرد. شما همچنین نحوه افزودن Firebase به پروژه ری اکت خود را خواهید آموخت.
سپس به پایگاه داده ابری Firestore متصل خواهید شد و عملکردهایی مانند ایجاد یک باکت برای ذخیره تصاویر، احراز هویت و مدیریت کاربران و اجرای مسیریابی سمت کلاینت با React-Router V6 را به طور عمیق بررسی خواهید کرد و درباره فیلتر کردن، جستجو و اشکال زدایی خواهید آموخت. افزون بر این، شما نحوه استقرار اپلیکیشن ری اکت خود را با استفاده از میزبانی Firebase را بررسی خواهید کرد.
ساخت اپلیکیشن های ری اکت آماده تولید: راه اندازی برای استقرار با Firebase
-
ساخت یک اپلیکیشن تک صفحهای stellar با ری اکت 0:00:56
-
آنچه باید بدانید 0:02:23
-
ابزارها و فایل های تمرین 0:03:35
-
React CLI و ابزارهای توسعه دهنده ری اکت 0:06:05
-
بررسی پروژه 0:03:16
-
افزودن بوت استرپ 5 به اپلیکیشن تک صفحه ای خود 0:05:01
-
ساخت یک طرح بندی واکنش گرا با بوت استرپ 5 0:04:59
-
ایجاد رابط کاربری و ایجاد کامپوننت های قابل استفاده مجدد 0:05:21
-
انتقال props به کامپوننت های فرزند 0:02:42
-
چالش: تفکر در ری اکت 0:01:32
-
راه حل: تجزیه رابط کاربری 0:04:41
-
آشنایی با Hooks API Reference 0:02:52
-
یادگیری مدیریت رویداد و بروزرسانی state 0:04:12
-
مدیریت رندر شرطی 0:03:47
-
کار با فرمها 0:04:01
-
ارسال فرم و اعمال افکت های جانبی: useEffect 0:05:32
-
اعتبارسنجی و ارسال فرم ها: useMemo 0:06:11
-
مدیریت منطق پیچیده با useReducer 0:05:34
-
ایجاد و ارسال اکشن ها 0:04:37
-
نوشتن و بروزرسانی UI 0:06:01
-
ایجاد یک آبجکت Context 0:02:49
-
راه اندازی یک کامپوننت Provider برای کپسوله سازی منطق اپلیکیشن 0:04:48
-
چالش: مدیریت یک state جهانی 0:03:58
-
راه حل: اجازه به کامپوننت ها برای سابسکرایب در تغییرات کانتکس 0:06:25
-
معرفی کنسول Firebase Google 0:01:31
-
ایجاد یک پروژه جدید و یک اپلیکیشن جدید 0:03:02
-
نصب Firebase Services SDK 0:03:53
-
شروع کار با Cloud Firestore 0:03:00
-
یادگیری افزودن و مدیریت داده 0:05:00
-
تنظیم یک سند جدید و ذخیره و همگام سازی داده در Cloud Firestore 0:05:53
-
یادگیری خواندن داده از یک کالکشن 0:05:32
-
دریافت مستندات و نمایش آن ها در اپلیکیشن 0:05:18
-
تعریف متغیرهای محیطی ری اکت 0:04:39
-
شروع کار با Cloud Storage در وب 0:03:13
-
تعریف یک تابع async برای ارسال یک فایل به storage 0:05:35
-
آپلود یک فایل در storage 0:03:17
-
دانلود URL یک فایل از storage 0:06:10
-
تنظیم مستندات با تصاویر: بروزرسانی رابط کاربری 0:05:27
-
تنظیم مستندات با تصاویر: تنظیم تاریخ 0:04:10
-
شروع کار با Firebase Authentication و انتخاب provider 0:02:57
-
Google Cloud Platform - ایجاد اعتبارنامه جدید 0:03:17
-
احراز هویت و مدیریت کاربران اپلیکیشن 0:05:46
-
مدیریت state با Context API - بررسی Component Provider 0:05:03
-
مدیریت state با Context API - بررسی هوک سفارشی 0:05:34
-
سابسکرایب کامپوننت ها در تغییرات کانتکس: کاربر متصل 0:04:59
-
ایجاد مستندات جدید با کاربر متصل 0:05:26
-
ایمن سازی داده خود در Cloud Firestore و Cloud Storage 0:05:43
-
نصب React router DOM v6 0:02:53
-
پیکربندی مسیرها و ایجاد یک کامپوننت ناوبری 0:02:51
-
استفاده از کامپوننت Link برای ناوبری بین صفحات 0:04:58
-
اجازه ناوبری بین چندین View 0:05:39
-
رندر شرطی و مسیر حفاظت شده 0:04:45
-
استفاده از هوک های React Router: بررسی useNavigate 0:04:58
-
استفاده از هوک های React Router: بررسی useLocation 0:04:35
-
ایجاد مسیرهای "NotFound" و "Profile" 0:05:15
-
نمایش لینک فعال 0:03:42
-
پیاده سازی یک تابع جستجو و فیلتر 0:03:44
-
ایجاد یک اکشن جدید برای بازگرداندن نتایج فیلتر شده 0:04:53
-
سابسکرایب در تغییرات کانتکس و اعمال افکت های جانبی در رابط کاربری 0:02:40
-
نصب Firebase CLI و راهاندازی یک پروژه جدید 0:05:11
-
ایجاد یک production build و استقرار سایت خود در فضای ابری 0:04:44
-
نکات پایانی و مراحل بعدی 0:00:28
مشخصات آموزش
ساخت اپلیکیشن های ری اکت آماده تولید: راه اندازی برای استقرار با Firebase
- تاریخ به روز رسانی: 1404/06/14
- سطح دوره:متوسط
- تعداد درس:62
- مدت زمان :4:26:59
- حجم :943.0MB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy
آموزش های مرتبط
- زمان: 06:19:16
- تعداد درس: 40
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 17:11:52
- تعداد درس: 113
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 03:35:08
- تعداد درس: 36
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 21:10:47
- تعداد درس: 202
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 14:29:26
- تعداد درس: 36
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 10:39:08
- تعداد درس: 64
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 11:07:45
- تعداد درس: 63
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 18:23:18
- تعداد درس: 103
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 00:57:00
- تعداد درس: 20
-
سطح دوره:
-
زبان: دوبله فارسی