آموزش ساخت یک خبرخوان بوسیله Nuxt 2, Firestore

با مشاهده این دوره آموزشی قدم به قدم با Nuxt 2, Firestore آشنا شده و یاد می گیرید که چطور بوسیله این دو می توانید یک خبرخوان طراحی و کدنویسی کنید. 

عنوان اصلی : Build a News Feed with Nuxt 2 and Firestore

سرفصل ها :

شروع شدن :
ابزارهای مورد نیاز
پروژه را با create-nuxt-app ایجاد کنید
افزودن Vue Material:
Vue Material را با برنامه یکپارچه کنید
ایجاد تم Vue Material (طرح رنگ برنامه)
ماژول Axios، روش‌های Nuxt داخلی (fetch/asyncData):
کلید API را از NewsAPI، asyncData برای واکشی سرفصل‌های برتر دریافت کنید
درخواست های Proxy Axios با ماژول Nuxt Proxy
تیترهای سبک با اجزای کارت
جلوگیری از خطاها - تغییر 'to' به '$router.push' برای تغییرات مسیر
اضافه کردن ورود / ثبت نام صفحات، ایجاد نوار ناوبری
فروشگاه Vuex ایجاد کنید، از واکشی برای قرار دادن سرفصل ها در فروشگاه استفاده کنید
واکشی عناوین اخبار با NewsAPI:
سرفصل ها را بر اساس دسته اخبار انتخاب کنید
سرفصل ها بر اساس کشور را انتخاب کنید
ثبت نام کاربر با Firebase REST API، اعتبارسنجی فرم با Vuelidate:
ثبت کاربران جدید با Firebase REST API
پس از ثبت نام، فرم را غیرفعال کنید، پس از احراز هویت موفق، خانه را تغییر مسیر دهید
Guards Navigation را با استفاده از Middleware اضافه کنید
اعتبار سنجی فرم با Vuelidate
پس از ثبت نام، آواتار ایجاد کنید و داده های کاربر را در نوار ناوبر نمایش دهید
ادغام Firestore با Nuxt:
Firestore را به عنوان یک پلاگین راه اندازی کنید، داده های کاربر را به پایگاه داده Firestore اضافه کنید
عملکرد ورود / مدیریت جلسات کاربر:
افزودن فرم ورود به سیستم / عملکرد، پرس و جو داده های کاربر وارد شده از Firestore
جلسات کاربر را با کوکی ها / فضای ذخیره سازی محلی مدیریت کنید، عملکرد خروج را ایجاد کنید
نشانک‌گذاری سرفصل‌ها / حذف نشانک‌ها از فید شخصی:
ایجاد قابلیت نشانه گذاری سرفصل ها، اضافه کردن نشانک ها به فید کاربر
Listener .onSnapshot را به فید شخصی اضافه کنید
علامت گذاری برای حالت خالی در فید شخصی اضافه کنید
سرفصل ها را از فید شخصی حذف کنید
ایجاد صفحات برای سرفصل های فردی:
ایجاد صفحه تیتر فردی، Slugify عنوان سرفصل
ذخیره و نمایش عناوین فردی
ارسال و لایک نظرات کاربران:
افزودن قابلیت ارسال نظرات
واکشی نظرات با عنوان، نمایش نظرات
نظرات را لایک کنید و نظرات را با تعداد لایک سفارش دهید
استعلام سرفصل ها بر اساس شرایط جستجو، تاریخ و معیارها:
سرفصل ها را بر اساس منبع خبری دریافت کنید
سرفصل ها را بر اساس شرایط جستجو، تاریخ و معیارها جستجو کنید
قالب بندی زمان و انتقال صفحه:
از فیلترهای Date-Fns و Vue برای قالب‌بندی تاریخ‌های عنوان/نظر استفاده کنید
هنگام تغییر مسیر، از CSS Transitions استفاده کنید
اضافه کردن تصویر پیش فرض به عنوان بدون رسانه
مهاجرت از Nuxt 2 / Vuex Store به آخرین نسخه:
اخطار حذف Nuxt Store. مهاجرت از Nuxt 2 به آخرین نسخه
استقرار در وب:
استقرار یکپارچه برنامه با Heroku