یادگیری کدنویسی برنامه های Full-Stack بوسیله Vue.js, Firebase, Vuex, Router

در این دوره آموزشی با مباحث Vue.js, Firebase, Vuex, Router آشنا شده و کدنویسی برنامه های Full-Stack را بوسیله آن ها یاد گرفته و تمرین و تجربه خواهید کرد.

عنوان اصلی : Vue.js: Build a Full Stack App with Firebase, Vuex and Router

سرفصل ها :

مقدمه و شروع:
معرفی
آنچه برای این دوره نیاز خواهید داشت
راه اندازی پروژه: برنامه پیتزا سیاره:
معرفی بخش
راه اندازی پروژه با استفاده از Vue-CLI
اجزای هدر و پاورقی
جزء صفحه اصلی
طراحی اجزای ما
ایجاد جزء منو
حلقه زدن از طریق آیتم های منو
ارسال دستورات به یک آرایه
افزودن سبد خرید
پویا کردن سبد خرید
روش های سبد خرید
ساختار بخش مدیریت
لیست سفارشات فعلی
جزء جدید پیتزا را اضافه کنید
اتصالات ورودی را تشکیل دهید
بخش بیرونی
راه اندازی پایگاه داده و احراز هویت Firebase:
معرفی بخش
راه اندازی پایگاه داده Firebase ما
افزودن مولفه ورود
احراز هویت Firebase را فعال کنید
ورود و خروج
اجزای نهایی
بخش بیرونی
روتر Vue:
معرفی بخش
نصب و راه اندازی روتر
ایجاد مسیرهای ما
لینک روتر با جزئیات بیشتر
مسیرهای الزام آور و پویا
حالت های تاریخچه و هش
همه مسیرها را بگیرید و تغییر مسیر دهید
مسیرهای تو در تو
نمای روتر تو در تو
افزودن نام به مسیرها
روش های ناوبری روتر
گاردهای ناوبری جهانی
محافظ قطعات
نگهبانی از مسیرهای فردی
تعریف رفتار اسکرول
فاکتورگیری مجدد مسیرهایمان
نماهای روتر نامگذاری شده
بخش بیرونی
مدیریت صحنه با Vuex:
معرفی بخش
Vuex چیست؟
نصب و ساختار فایل
وضعیت اولیه و دسترسی به فروشگاه
بهبود دسترسی به فروشگاه با دریافت کننده
تغییر حالت با جهش
اقدامات چیست؟
تنظیم کاربر با اقدامات
اقدامات اعزامی
گیرنده های نقشه برداری
تقسیم فروشگاه ما به فایل های جداگانه
استفاده از ماژول ها
بخش بیرونی
اتصال به Firebase و تکمیل پروژه ما:
معرفی بخش
اتصال Vuex به Firebase
همگام سازی سفارشات با Firebase
نمایش سفارشات در قسمت مدیریت
افزودن کلید به لیست ها
حذف موارد از پایگاه داده
پنهان کردن ادمین از کاربران غیرمجاز
قوانین خواندن/نوشتن Firebase
محاسبه کل سبد
فیلتر ارز جهانی
کارهای پایانی
بخش بیرونی
بارگذاری تنبل و تقسیم کد:
به روز رسانی مهم: وارد کردن دینامیک نحو بابل
تقسیم کد و بارگذاری تنبل چیست؟
اجزای همگام
بارگیری تنبل با روتر vue
گروه بندی مولفه ها به یک تکه
بارگذاری تنبل با رندر شرطی
متشکرم :
متشکرم