آموزش Supabase و Vue 3 (با Quasar و Pinia)

آنچه یاد خواهید گرفت:

• چگونه یک اپلیکیشن Quasar 2 را به بک‌اند Supabase متصل کنیم؟
• افزودن قابلیت‌های کامل CRUD بلادرنگ - خواندن، درج، بروزرسانی و حذف بلادرنگ
• افزودن احراز هویت Supabase تا کاربران شما بتوانند رجیستر، لاگین و خروج کنند.
• افزودن امنیت با استفاده از Navigation Guards و امنیت سطح سطر Supabase و سیاست‌ها
• افزودن ذخیره‌سازی Supabase تا کاربران شما بتوانند یک آواتار آپلود کنند (و آن را در اپلیکیشن نمایش دهند.)
• چگونه Supabase را به‌ صورت محلی اجرا کنیم؟ و چگونه تغییرات محلی را به نمونه‌ لایو پوش کنیم؟
• چگونه توابع لبه را در Supabase ایجاد کنیم؟
• چگونه اپلیکیشن تمام شده را برای وب، iOS، اندروید، مک و ویندوز ساخته و آماده‌ کنیم؟

پیش‌نیازهای دوره

• درک اولیه از Vue 3 ،Quasar ،Pinia و جاوااسکریپت

توضیحات دوره

در این دوره، شما یاد خواهید گرفت که چگونه یک اپلیکیشن Quasar 2 را (با Vue 3 و Pinia) به بک‌اند Supabase متصل کنید.

شما با دانلود و راه‌اندازی اپلیکیشن دوره، Moneyballs (از دوره ما «Vue 3 - ایجاد اپلیکیشن موبایل و اپلیکیشن دسکتاپ (با Quasar 2 و Pinia)) شروع خواهید کرد.

شما Moneyballs را به پایگاه داده Supabase متصل کرده و قابلیت‌های کامل CRUD را برای یک کاربر اضافه می‌کنید:

• خواندن و نمایش ورودی‌ها از Supabase
• افزودن ورودی
• حذف ورودی
• بروزرسانی ورودی
• مرتب‌سازی ورودی‌ها
• بروزرسانی‌های بلادرنگ

سپس شما یک صفحه احراز هویت ایجاد خواهید کرد که در آن کاربران می‌توانند لاگین و رجیستر کرده و احراز هویت Supabase را راه‌اندازی کنند:

• رجیستر کاربر
• خروج کاربر از سیستم
• لاگین کاربر
• Listen کردن به تغییرات احراز هویت
• ریدایرکشن کاربر در لاگین و خروج از سیستم

سپس پشتیبانی از چندین کاربر را اضافه کرده و امنیت اپلیکیشن را افزایش خواهید داد:

• Navigation Guards
• امنیت سطح سطر (RLS) و سیاست‌ها در Supabase

سپس شما درباره توابع پایگاه داده و تریگرها یاد خواهید گرفت:

• ایجاد تابع پایگاه داده که تعداد کل ورودی‌های ایجاد شده با Moneyballs را ردیابی می‌کند.
• یاد می‌گیرید که چگونه این تابع پایگاه داده را مستقیماً از Moneyballs فعال کنید.
• ایجاد یک تریگر که این تابع پایگاه داده را (به‌ صورت خودکار) هر بار که هر کاربری یک ورودی جدید اضافه می‌کند، فعال کند.

شما درباره ذخیره‌سازی Supabase یاد خواهید گرفت:

• ایجاد باکت ذخیره‌سازی آواتارها
• اجازه دهید هر کاربر یک آواتار آپلود کند.
• نمایش آواتار درون Moneyballs

سپس یاد می‌گیرید که چگونه کل نمونه Supabase خود را به‌ صورت محلی اجرا کنید:

• نصب Supabase به‌ صورت محلی 
• ایمپورت تمام جداول پایگاه‌ داده و داده‌ از نمونه لایو Supabase
• یاد می‌گیرید که چگونه تغییراتی را به‌ صورت محلی در پایگاه داده ایجاد کنید.
• یاد می‌گیرید که چگونه این تغییرات را به نمونه لایو پوش کنید.

سپس شما درباره توابع لبه یاد خواهید گرفت:

• ایجاد یک تابع لبه (به‌ صورت محلی) که یک خوش‌آمدگویی تصادفی به کاربر نمایش می‌دهد.
• دسترسی به احراز هویت و پایگاه داده در تابع لبه تا بتوانیم تعداد کل ورودی‌های کاربر را در صفحه خوش‌آمدگویی نمایش دهیم.
• استقرار تابع لبه محلی در نمونه لایو Supabase

در نهایت، شما این اپلیکیشن را برای تولید ساخته و آن را روی 5 پلتفرم فعال می‌کنید:

• مرورگر وب
• iOS
• اندروید
• مک
• ویندوز

برای این دوره موارد زیر را پیشنهاد می‌کنیم:

• دوره ما با عنوان «Vue 3 - ایجاد اپلیکیشن موبایل و اپلیکیشن دسکتاپ (با Quasar 2 و Pinia) را گذرانده باشید.
• استفاده از مک
• درک اولیه از Vue 3 (Composition API) و Quasar و Pinia و جاوااسکریپت داشته باشید.

این دوره برای چه کسانی مناسب است؟

• توسعه‌دهندگان Vue 3 و Quasar که به دنبال ایجاد یک بک‌اند برای اپلیکیشن چندسکویی خود با Supabase هستند.