آموزش Vue.js 3 و Firebase برای مبتدیان [ویدئو]

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

معرفی Introduction

• معرفی Introduction

• آنچه شما نیاز دارید What You Will Need

• ساخت ابزار راه اندازی با Vite Build Tool Setup with Vite

• تصاویر پروژه Project Images

مسیریابی پایه Basic Routing

• نماها یا مؤلفه ها؟ Views or Components?

• نماها و مسیرها Views and Routes

• RouterLink و RouterView RouterLink and RouterView

• مسیرهای نامگذاری شده Named Routes

• مسیرهای تو در تو Nested Routes

• درباره نما و اجزای کودک The About View and Child Components

• نماهای نامگذاری شده Named Views

رابط کاربری پروژه Project UI

• بخش مقدمه Section Introduction

• رابط کاربری منو The Menu UI

• رابط کاربری سبد The Basket UI

• فونت ها و سبک های پایه Fonts and Base Styles

• سبک منو و سبد Menu and Basket Styling

• یک ظاهر طراحی هدر Header Styling

• مدیر: فرم پیتزا جدید اضافه کنید Admin: Add New Pizza Form

• مدیر: پیتزا کامپوننت Admin: Pizzas Component

• مدیر: جزء سفارشات لیست Admin: Listing Orders Component

• نمای خانه Home View

• فرم و استایل میز Form and Table Styling

Composition API Composition API

• گزینه ها یا ترکیب؟ Options or Composition?

• NewPizza Object و Data Binding The NewPizza Object and Data Binding

• Refs و افزودن به سبد Refs and Adding to Basket

• حلقه زدن روی پیتزاها Looping over Pizzas

• بررسی اقلام تکراری سبد Checking for Duplicate Basket Items

• حذف و تغییر مقدار سبد Removing and Changing Basket Quantity

• ویژگی های محاسبه شده Computed Properties

• فایل های قابل ترکیب Composable Files

راه اندازی Firebase و Firestore Firebase Setup and Firestore

• Firebase چیست؟ What Is Firebase?

• راه اندازی Firebase Firebase Setup

• افزودن پیتزا به پایگاه داده Adding Pizzas to the Database

• گرفتن پیتزا Getting Pizzas

• لیست کردن و حذف پیتزاها در Admin Listing and Deleting Pizzas in Admin

• ایجاد سفارشات Creating Orders

• واکشی سفارشات Fetching Orders

• چرخش بر روی سفارشات Looping over Orders

• حذف سفارشات Deleting Orders

• نمایش و پنهان کردن بلوک های مدیریت Show and Hide Admin Blocks

احراز هویت Authentication

• تابع ثبت نام The Signup Function

• ایجاد فرم ورود Creating the Sign-In Form

• استایل مودال Modal Styling

• Modal Toggle Modal Toggle

• ورود و خروج Logging In and Out

• تشخیص تغییرات Auth Detecting Auth Changes

پایان کار Finishing Touches

• استایل کردن AboutView Styling the AboutView

• تکمیل نمای مدیریت Completing the Admin View

• محدود کردن پیتزاهای جدید Restricting New Pizzas

• افزودن کاربر به سفارشات Adding the User to Orders

• فیلترها و خصوصیات جهانی Filters and Global Properties

به‌روزرسانی‌های بی‌درنگ و قوانین Firebase Real-Time Updates and Firebase Rules

• به روز رسانی پیتزا در زمان واقعی Real-Time Pizza Updates

• به روز رسانی سفارش بلادرنگ Real-Time Order Updates

• لغو اشتراک از به‌روزرسانی‌ها Unsubscribing from Updates

نقش ها و مجوزها Roles and Permissions

• افزودن کاربران Adding Users

• بازیابی کاربران ادمین Retrieving Admin Users

• به روز رسانی کاربران عادی به بخش 1 Updating Regular Users to Admin Part 1

• به روز رسانی کاربران عادی به بخش 2 Updating Regular Users to Admin Part 2

• قوانین Firebase Firebase Rules