YoVDO

Vue.js & Firebase Project - FireBlogs

Offered By: Traversy Media via YouTube

Tags

Vue JS Courses Web Development Courses Firebase Courses Vuex Courses User Authentication Courses Database Security Courses

Course Description

Overview

Develop a multi-user blog application using Vue.js, Vuex, and Firebase in this comprehensive 6.5-hour tutorial. Learn to create a fully functional blogging platform with features like user authentication, blog post creation, editing, and deletion. Master Vue.js concepts, integrate Firebase for backend services, and implement responsive design for both desktop and mobile. Explore advanced topics such as Vue document titles, route guards, and database security. By the end of this hands-on project, you'll have built a professional-grade web application and deployed it to Firebase Hosting, gaining practical experience in modern web development techniques.

Syllabus

- Introduction.
- Walkthrough.
- Project Setup.
- Navigation(Desktop/Mobile).
- Footer.
- Blog Post Component (Home).
- Blog Card Component (Home).
- Register Section (Home).
- Blogs View.
- Vue Document Titles.
- Firebase Auth Implementation (Login, Register, Reset Password Components).
- Profile Menu.
- Conditional Rendering (User).
- Profile View.
- Admin View (Firebase Functions Setup).
- Create Post Component.
- Post Cover Photo Component.
- Image Handler (Quill Editor).
- Blog Preview.
- Uploading/Publish Blog To Firebase.
- Populating Application From Firebase Data.
- View Blog Component.
- Update/Edit & Delete Blog Post.
- Vue Route Guards.
- Securing DataBase.
Deploy to Firebase Hosting.


Taught by

Traversy Media

Related Courses

React JS, Angular & Vue JS - Quickstart & Comparison
Udemy
Create Amazing Vue Apps with Javascript
Udemy
Learn Vue 1 JS introduction to simple reactive JavaScript
Udemy
VueJS V1 Introduction to VueJS JavaScript Framework
Udemy
Build Web Apps with Vue JS 3 & Firebase
Udemy