آموزش Vue.js: یک برنامه Full Stack با Firebase، Vuex و Vue Router بسازید

درس ها Lessons

• افزودن جزء جدید پیتزا Add new pizza component

• با استفاده از ماژول ها Using modules

• افزودن نام به مسیرها Adding names to routes

• محافظ قطعات Component guards

• لیست سفارشات فعلی Listing current orders

• وضعیت اولیه و دسترسی به فروشگاه Initial state and accessing the store

• گاردهای ناوبری جهانی Global navigation guards

• به دوره خوش آمدید! Welcome to the course!

• افزودن مؤلفه ورود Adding the login component

• تقسیم فروشگاه ما به فایل های جداگانه Splitting our store into separate files

• تعریف رفتار اسکرول Defining scroll behavior

• بارگیری تنبل با روتر Vue Lazy loading with the Vue router

• محاسبه کل سبد Calculating the basket total

• حلقه زدن از طریق آیتم های منو Looping through menu items

• در حال استقرار در Netlify Deploying to Netlify

• کارهای پایانی Finishing touches

• در حال حرکت اضافه کردن پیتزا جدید به فروشگاه مرکزی Moving add new pizza to the central store

• اقدامات چیست؟ What are actions?

• لینک روتر با جزئیات بیشتر Router link in more detail

• ایجاد جزء منو Creating the menu component

• نماهای روتر نامگذاری شده Named router views

• من را در Skillshare دنبال کنید! Follow me on Skillshare!

• گروه بندی مولفه ها به یک تکه Grouping components into the same chunk

• سفارشات را با Firebase همگام کنید Sync orders with Firebase

• قوانین Firebase Firebase rules

• حذف موارد از پایگاه داده Removing items from the database

• تقسیم کد و بارگذاری تنبل چیست؟ What is code splitting and lazy loading?

• اجزای نهایی Final components

• جزء هدر The header component

• روش های سبد خرید Shopping basket methods

• Vuex چیست؟ What is Vuex?

• نصب و راه اندازی روتر Router installation and setup

• پویا کردن سبد خرید Making the shopping basket dynamic

• ارسال دستورات به یک آرایه Pushing orders to an array

• ساختار بخش مدیریت Structuring the admin section

• روش های ناوبری روتر Router navigation methods

• جزء صفحه اصلی Home page component

• بهبود دسترسی به فروشگاه با دریافت کننده Improving store access with getters

• راه اندازی پایگاه داده Firebase ما Setting up our Firebase database

• نمایش سفارشات در قسمت مدیریت Displaying orders in the admin section

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

• تنظیم کاربر با اقدامات Setting the user with actions

• اتصال Vuex به Firebase Binding Vuex to Firebase

• تغییر حالت با جهش Changing state with mutations

• نمای روتر تو در تو Nested router view

• همه مسیرها را بگیرید و تغییر مسیر دهید Catch all routes and redirecting

• پنهان کردن ادمین از کاربران غیرمجاز Hiding the admin from unauthorised users

• بارگذاری تنبل با رندر شرطی Lazy loading with conditional rendering

• راه اندازی پروژه با استفاده از Vue-CLI Project setup using the Vue-CLI

• اتصالات ورودی را تشکیل دهید Form input bindings

• حالت های تاریخچه و هش History and hash modes

• فیلتر ارز جهانی Global currency filter

• ایجاد مسیرهای ما Creating our routes

• آنچه برای این دوره نیاز خواهید داشت What you will need for this course

• تغییر فاکتور مسیرهایمان Re-factoring our routes

• ورود و خروج Signing in and out

• افزودن سبد خرید Adding the shopping basket

• مسیرهای الزام آور و پویا Binding and dynamic routes

• گیرنده های نقشه برداری Mapping getters

• نگهبانی از مسیرهای فردی Guarding individual routes

• احراز هویت Firebase را فعال کنید Enable Firebase authentication

• اقدامات اعزامی Dispatching actions

• نصب و ساختار فایل Installation and file structure