آموزش جامع Vue.js 3 و Firebase برای مبتدیان - آخرین آپدیت

دانلود Vue.js 3 and Firebase for Beginners

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره: این دوره شامل مربی هوشمند Coursera Coach است؛ روشی هوشمندتر برای یادگیری از طریق گفتگوهای تعاملی و لحظه‌ای که به شما کمک می‌کند دانش خود را بسنجید، مفروضات را به چالش بکشید و در حین پیشروی در دوره، درک عمیق‌تری از مطالب به دست آورید. در این دوره مناسب برای مبتدیان، شما یاد می‌گیرید که چگونه اپلیکیشن‌های وب پویا را با استفاده از Vue.js 3 و Firebase توسعه دهید. شما وارد مباحثی چون راه‌اندازی محیط توسعه، کار با Composition API و ایجاد یک رابط کاربری (UI) ریسپانسیو برای پروژه خود خواهید شد. این دوره همه موارد، از مبانی مسیریابی (Routing) در Vue.js تا ادغام Firebase برای مدیریت پایگاه داده بلادرنگ و احراز هویت کاربران را پوشش می‌دهد. در پایان دوره، شما قادر خواهید بود یک اپلیکیشن وب کامل شامل پنل کاربری و پنل مدیریت را ساخته و مستقر کنید. همزمان با پیشروی در آموزش، یاد می‌گیرید که مسیریابی با مسیرهای تو در تو (Nested Routes) را پیاده‌سازی کنید، رابط‌های کاربری بصری طراحی نمایید و از Composition API برای مدیریت وضعیت (State) به روشی تمیز و ماژولار استفاده کنید. همچنین Firebase را ادغام خواهید کرد؛ از تنظیمات اولیه و اتصال به دیتابیس Firestore گرفته تا افزودن قابلیت‌های افزودن، بازیابی و حذف داده‌ها. علاوه بر این، مبحث احراز هویت Firebase پوشش داده می‌شود تا کاربران بتوانند ثبت‌نام کنند، وارد حساب خود شوند و بر اساس نقش‌هایشان با اپلیکیشن تعامل داشته باشند. این دوره برای هر کسی که به دنبال درک توسعه وب مدرن است، ایده‌آل است. چه مبتدی باشید و چه دانش پایه‌ای از جاوااسکریپت داشته باشید، از دستورالعمل‌های گام‌به‌گام و تمرین‌های عملی این دوره بهره‌مند خواهید شد. این آموزش هیچ تجربه قبلی در Vue.js یا 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 یا Composition؟ Options or Composition?

  • شیء NewPizza و اتصال داده‌ها 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 Computed Properties

  • فایل‌های Composable Composable Files

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

  • فایربیس چیست؟ What Is Firebase?

  • تنظیمات Firebase Firebase Setup

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

  • دریافت لیست پیتزاها Getting Pizzas

  • لیست کردن و حذف پیتزاها در پنل مدیریت 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

  • تغییر وضعیت مودال (Toggle) Modal Toggle

  • ورود و خروج از حساب Logging In and Out

  • تشخیص تغییرات وضعیت احراز هویت Detecting Auth Changes

تکمیل نهایی پروژه Finishing Touches

  • استایل‌دهی به ویوی AboutView Styling the AboutView

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

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

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

  • فیلترها و ویژگی‌های سراسری (Global Properties) 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

  • ارتقای کاربر عادی به مدیر - بخش اول Updating Regular Users to Admin Part 1

  • ارتقای کاربر عادی به مدیر - بخش دوم Updating Regular Users to Admin Part 2

  • قوانین Firebase (Security Rules) Firebase Rules

نمایش نظرات

آموزش جامع Vue.js 3 و Firebase برای مبتدیان
جزییات دوره
11h 6m
59
(آخرین آپدیت)
74
- از 5
دارد
دارد
دارد
Chris Croft
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Chris Croft Chris Croft

مربی مدیریت، سخنران، نویسنده