آموزش Quasar 2 و Firebase Cloud Firestore (با Vue 3 و Pinia)
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- نحوه اتصال اپلیکیشن Quasar 2 به پایگاه داده Firebase Cloud Firestore
- نحوه راهاندازی Firebase Authentication برای رجیستر، لاگین و خروج کاربران از سیستم
- نحوه راهاندازی قوانین امنیت Firebase برای حفاظت از داده کاربران
- نحوه ساخت و اجرای اپلیکیشن نهایی برای وب، iOS، اندروید، مک و ویندوز
پیشنیازهای دوره
- درک پایهای از Vue 3 و Quasar و Pinia و جاوااسکریپت
توضیحات دوره
در این دوره، یاد میگیرید چگونه یک اپلیکیشن Quasar 2 (با Vue 3 و Pinia) را به پایگاه داده Firebase Cloud Firestore متصل کنید.
ابتدا اپلیکیشن دوره، Moneyballs، را دانلود و راهاندازی خواهید کرد (از دوره ما Vue 3 - ایجاد اپلیکیشن موبایل و دسکتاپ (با Quasar 2 و Pinia))
اپلیکیشن Moneyballs را به پایگاه داده Firebase Cloud Firestore متصل کرده و قابلیتهای کامل CRUD را به یک کاربر اضافه میکنید:
- دریافت و نمایش ورودیها از Firestore
- افزودن ورودی
- حذف ورودی
- بروزرسانی ورودی
- مرتبسازی ورودی
سپس یک صفحه احراز هویت (Auth) میسازید تا کاربر بتواند لاگین کرده و رجیستر کند و Firebase Authentication را راهاندازی میکنید:
- رجیستر کاربر
- خروج کاربر از سیستم
- لاگین کاربر
- ریدایرکشن کاربر هنگام لاگین و خروج از سیستم
سپس از چند کاربر پشتیبانی میکنید و امنیت اپلیکیشن را افزایش میدهید:
- Guards ناوبری
- قوانین امنیتی Firebase
در نهایت، اپلیکیشن را برای انتشار آماده کرده و روی 5 پلتفرم اجرا میکنید:
- مرورگر وب
- iOS
- اندروید
- مک
- ویندوز
در پایان دوره، به درک جامع و کاملی در مورد اتصال اپلیکیشن Quasar 2 خود به پایگاه داده Firebase Cloud Firestore خواهید رسید.
آنچه برای دوره توصیه میکنیم:
- دوره ما «Vue 3 - ایجاد اپلیکیشن موبایل و دسکتاپ (با Quasar 2 و Pinia) را قبلاً گذرانده باشید.
- از مک استفاده کنید.
- درک پایهای از Vue 3 (Composition API) و Quasar و Pinia و جاوااسکریپت داشته باشید.
این دوره برای چه کسانی مناسب است؟
- توسعهدهندگان Vue 3 و Quasar که میخواهند با Firebase Cloud Firestore بکاند اپلیکیشن چندسکویی خود را بسازند.
آموزش Quasar 2 و Firebase Cloud Firestore (با Vue 3 و Pinia)
-
مقدمه 01:33
-
راهاندازی ویرایشگر و نرمافزار 00:58
-
Chrome و ابزارهای توسعهدهنده Vue 00:31
-
نصب اپلیکیشن دوره: Moneyballs 00:49
-
بررسی Moneyballs 06:58
-
آشنایی با Firebase 01:40
-
ایجاد پروژه Firebase 01:07
-
ساخت اپلیکیشن و نصب Firebase 02:00
-
راهاندازی پایگاه داده Firestore 03:52
-
اتصال به پایگاه داده 02:28
-
آمادهسازی فروشگاه داده برای Firebase 03:09
-
نمایش داده از Firestore 04:29
-
دریافت داده به صورت بلادرنگ 08:03
-
افزودن صفحه بارگذاری 05:34
-
افزودن داده 06:51
-
افزودن داده (با شناسههای Firebase) 06:09
-
حذف داده 02:17
-
بروزرسانی داده 03:49
-
مرتبسازی داده 05:44
-
افزودن شماره ترتیب به داده جدید 04:02
-
افزودن شماره ترتیب برای اولین داده وارد شده 02:12
-
بروزرسانی شماره ترتیبها هنگام مرتبسازی 05:30
-
صفحه احراز هویت - راهاندازی طرحبندی، صفحه و مسیر 03:42
-
افزودن کارت و عنوان 03:34
-
افزودن تبهای رجیستر و لاگین 02:32
-
افزودن عناصر فرم 05:29
-
بررسی فرم در Dark Mode 02:02
-
دکمه ارسال پویا 01:27
-
اتصال فیلدهای فرم 01:19
-
مدیریت ارسال فرم 01:00
-
اعتبارسنجی پایه و دیالوگ خطا 01:35
-
مدیریت موفقیت ارسال 01:50
-
ریدایرکشن به صفحه داده 01:13
-
احراز هویت Firestore و Auth Store 03:42
-
رجیستر کاربر 07:30
-
خروج کاربر از سیستم 02:35
-
لاگین کاربر 05:11
-
Listen کردن تغییرات احراز هویت 05:54
-
ذخیره ایمیل و شناسه کاربر 03:58
-
بهبود دکمه خروج از سیستم 01:37
-
ریدایرکشن کاربر هنگام تغییر احراز هویت 03:12
-
ساختاردهی مجدد پایگاه داده برای چند کاربر 05:15
-
راهاندازی Refs برای چند کاربر 05:41
-
پاکسازی آرایه داده در State هنگام خروج کاربر از سیستم 02:34
-
لغو اشتراک در دریافت Listener داده 05:17
-
افزودن فایل Boot به روتر 06:06
-
افزودن محدودیتهای Navigation Guard 04:02
-
لاگین هموارتر (برای کاربر بازگشتی) 03:16
-
نمایش ضعف امنیتی 04:04
-
امنیت داده با قوانین امنیت Firebase 06:00
-
وب 02:26
-
iOS (فیکس کردن خطای Capacitor) 04:53
-
اندروید (فیکس کردن لرزشها) 07:15
-
مک 02:03
-
ویندوز 01:57
-
حذف entriesOrdered Getter 02:58
-
مرتبسازی داده با کوئری Firestore 04:19
-
درس جایزه 00:52
مشخصات آموزش
آموزش Quasar 2 و Firebase Cloud Firestore (با Vue 3 و Pinia)
- تاریخ به روز رسانی: 1405/04/02
- سطح دوره:همه سطوح
- تعداد درس:58
- مدت زمان :03:33:38
- حجم :2.79GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy
آموزش های مرتبط
- زمان: 03:02:02
- تعداد درس: 14
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 58:00
- تعداد درس: 12
-
سطح دوره:
-
زبان: دوبله فارسی
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 11:25:13
- تعداد درس: 94
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 06:58:57
- تعداد درس: 60
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 02:27:39
- تعداد درس: 24
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 08:11:21
- تعداد درس: 28
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 09:44:25
- تعداد درس: 67
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 04:52:43
- تعداد درس: 38
-
سطح دوره:
-
زبان: دوبله فارسی