آموزش سوپابیس و ویو ۳ (همراه با کوآزار و پینیا) - آخرین آپدیت

سرفصل ها و درس ها

مقدمه Introduction

• مقدمه Introduction

• ویرایشگر و راه اندازی نرم افزار Editor & Software Setup

• کروم و ابزارهای توسعه دهنده Vue Chrome & Vue Devtools

• نصب برنامه دوره: Moneyballs Install Course App: Moneyballs

• بررسی اجمالی Moneyballs Moneyballs Overview

• دانلود سورس کد Download Source Code

Supabase: مقدمه و راه اندازی Supabase: Introduction & Setup

• مقدمه ای بر Supabase Introduction to Supabase

• مقایسه Supabase با Firebase Supabase vs Firebase

• ایجاد پروژه Supabase Create a Supabase Project

• نصب Supabase و راه اندازی متغیرهای محیطی Install Supabase & Setup Environment Variables

• راه اندازی پایگاه داده Supabase Setup Supabase Database

• دانلود سورس کد Download Source Code

نمایش ورودی ها به صورت همزمان Display Entries in Realtime

• آماده سازی فروشگاه ورودی ها برای Supabase Get Entries Store Ready for Supabase

• نمایش ورودی ها از Supabase Display Entries from Supabase

• رسیدگی به خطاها Handle Errors

• دریافت به روز رسانی های همزمان Get Realtime Updates

• همزمان: درج Realtime: Insert

• همزمان: حذف Realtime: Delete

• همزمان: به روز رسانی Realtime: Update

• اضافه کردن صفحه بارگیری Add a Loading Screen

• دانلود سورس کد Download Source Code

اضافه، حذف و به روز رسانی ورودی ها در Supabase Add, Delete & Update Entries on Supabase

• اضافه کردن ورودی Add Entry

• حذف ورودی Delete Entry

• به روز رسانی ورودی Update Entry

• به روز رسانی ورودی: بهبود عملکرد Update Entry: Improve Performance

• به روز رسانی ورودی: رسیدگی به خطاها Update Entry: Handle Errors

• دانلود سورس کد Download Source Code

مرتب سازی و مرتب سازی مجدد ورودی ها Order & Reorder Entries

• مرتب سازی ورودی ها Order Entries

• اضافه کردن شماره ترتیب به ورودی جدید Add Order Number to New Entry

• اضافه کردن شماره ترتیب برای اولین ورودی اضافه شده Add Order Number for First Entry Added

• به روز رسانی شماره ترتیب در مرتب سازی (محلی) Update Order Numbers on Sort (Local)

• به روز رسانی شماره ترتیب در مرتب سازی (Supabase) Update Order Numbers on Sort (Supabase)

• دانلود سورس کد Download Source Code

صفحه احراز هویت (ثبت نام و ورود) Auth Page (Register & Login)

• صفحه احراز هویت - تنظیم طرح بندی، صفحه و مسیر Auth Page - Setup Layout, Page & Route

• اضافه کردن کارت و عنوان Add a Card & Title

• اضافه کردن زبانه ها برای ورود و ثبت نام Add Tabs for Login & Register

• اضافه کردن عناصر فرم Add the Form Elements

• بررسی فرم در حالت تاریک Check Form in Dark Mode

• دکمه ارسال پویا Dynamic Submit Button

• اتصال فیلدهای فرم Hook Up the Form Fields

• رسیدگی به ارسال فرم Handle Form Submit

• اعتبارسنجی اولیه و گفتگوی خطا Basic Validation & Error Dialog

• رسیدگی به موفقیت ارسال Handle Submit Success

• تغییر مسیر به صفحه ورودی ها Redirect Back to Entries Page

• دانلود سورس کد Download Source Code

احراز هویت Authentication

• احراز هویت Supabase و فروشگاه احراز هویت Supabase Authentication & Auth Store

• ثبت نام کاربر Register User

• خروج کاربر Logout User

• ورود کاربر Login User

• گوش دادن به تغییرات احراز هویت Listen for Auth Changes

• ذخیره ایمیل و شناسه کاربری کاربر Store User’s Email & User ID

• بهبود دکمه خروج Improve Logout Button

• تغییر مسیر کاربر در تغییر احراز هویت Redirect User on Auth Change

• دانلود سورس کد Download Source Code

چندین کاربر Multiple Users

• تغییر ساختار پایگاه داده برای چندین کاربر Restructure Database for Multiple Users

• بارگیری ورودی های کاربر فعلی Load Current User’s Entries

• اشتراک در ورودی های کاربر فعلی Subscribe to Current User’s Entries

• شامل کردن شناسه کاربری هنگام اضافه کردن ورودی توسط کاربر Include User Id when User Adds Entry

• پاک کردن آرایه ورودی ها در حالت هنگام خروج کاربر Clear Entries array in State when user logs out

• لغو اشتراک از ورودی ها Unsubscribe from Entries

• دانلود سورس کد Download Source Code

امنیت: نگهبان های مسیریابی Security: Navigation Guards

• اضافه کردن فایل بوت روتر Add a Router Boot File

• اضافه کردن محدودیت های نگهبان مسیریابی Add Navigation Guard Restrictions

• دانلود سورس کد Download Source Code

امنیت: امنیت سطح ردیف و سیاست ها Security: Row Level Security & Policies

• نمایش امنیت ضعیف Poor Security Demonstration

• امن کردن داده ها با RLS و سیاست ها Secure Data with RLS & Policies

• سیاست SELECT (RLS) SELECT Policy (RLS)

• سیاست INSERT (RLS) INSERT Policy (RLS)

• سیاست DELETE (RLS) DELETE Policy (RLS)

• سیاست UPDATE (RLS) UPDATE Policy (RLS)

• رفع مشکل UPSERT Fix the UPSERT Issue

• دانلود سورس کد Download Source Code

توابع و تریگرهای پایگاه داده Database Functions & Triggers

• توابع پایگاه داده چیست؟ What are Database Functions?

• اضافه کردن بنر تعداد ورودی ها به صفحه احراز هویت Add Entries Count Banner to Auth Page

• اضافه کردن جدول آمار (با تعداد ورودی ها) Add Stats Table (with Entries Count)

• ایجاد یک تابع برای افزایش تعداد ورودی ها Create a Function to Increment Entries Count

• اجرای تابع از برنامه خود Fire the Function from our App

• ایجاد یک تریگر برای اجرای تابع Create a Trigger to Fire Function

• نمایش تعداد ورودی ها Display the Entries Count

• نمایش تدریجی بنر تعداد ورودی ها Fade in the Entries Count Banner

• دانلود سورس کد Download Source Code

فضای ذخیره سازی Supabase Supabase Storage

• ایجاد سطل آواتارها Create Avatars Bucket

• پوشه های ذخیره سازی Storage Folders

• سیاست های ذخیره سازی Storage Policies

• تنظیمات - اضافه کردن بخش پروفایل و آپلود آواتار Settings - Add Profile Section & Avatar Upload

• آپلود آواتار - قسمت 1 Upload Avatar - Part 1

• آپلود آواتار - قسمت 2 Upload Avatar - Part 2

• ایجاد جدول پروفایل ها Create a Profiles Table

• ذخیره نام فایل در جدول پروفایل ها Save Filename to Profiles Table

• دریافت آدرس آواتار Get Avatar URL

• نمایش آواتار Display the Avatar

• دریافت کار برای کاربران مختلف Get Working for Different Users

• دانلود سورس کد Download Source Code

اجرای Supabase به صورت محلی Run Supabase Locally

• نصب و پیکربندی Docker Install & Configure Docker

• نصب Supabase به صورت محلی Install Supabase Locally

• وارد کردن جداول Import Tables

• وارد کردن داده ها Import Data

• اتصال به نمونه Supabase محلی و راه اندازی متغیرهای محیطی محلی Connect to Local Supabase Instance & Setup Local Environment Variables

• دریافت کارکرد همزمان به صورت محلی Get Realtime Working Locally

• تصاویر آواتار محلی Local Avatar Images

• اضافه کردن فیلد بیوگرافی کاربر Add a User Bio Field

• ذخیره بیوگرافی در جدول پروفایل ها Save the Bio to the Profiles Table

• عمل getProfile getProfile Action

• انتقال تغییرات محلی به حالت زنده Push Local Changes to Live

• دانلود سورس کد Download Source Code

توابع Edge Edge Functions

• ایجاد تابع Edge سلام دنیا Create Hello World Edge Function

• استقرار تابع Edge سلام دنیا Deploy Hello World Edge Function

• ایجاد یک تابع خوشامدگویی Create a Greeting Function

• ایجاد عمل showGreeting Create showGreeting Action

• رفع مشکل CORS Fix the CORS Issue

• نمایش خوشامدگویی Display the Greeting

• دسترسی به پایگاه داده در تابع Edge Access Database in Edge Function

• دسترسی به Auth و کاربر در تابع Edge Access Auth & User in Edge Function

• دریافت تعداد ورودی های کاربر Get The User’s Entries Count

• استقرار تابع Edge Deploy Edge Function

• دانلود سورس کد Download Source Code

پلتفرم ها Platforms

• وب Web

• iOS iOS

• Android Android

• Mac Mac

• Windows Windows

• سورس کد نهایی Finished Source Code

سخنرانی های جایزه Bonus Lectures

• سخنرانی جایزه Bonus Lecture