Vue.js: Build a Full Stack App with Firebase, Vuex and Router

If you have some experience of building websites using JavaScript or frameworks such as Vue.js, this course will be the next step in your learning journey.
During this course, you will build a full stack project and discover how to integrate state management, front-end routing, databases, authentication and code splitting.

You will build a pizza restaurant project from scratch which allows users to place an order from a menu section. These orders are then pushed to Firebase for persistent data storage. You will also create an admin section, where authorized users can add or remove menu items and manage orders that are placed. These orders will also be pushed to Firebase. All your pages will be managed by the Vue Router and you’ll learn to create routes, navigation methods, navigation guards, binding routes and different router modes.
This project uses Vuex for state management, which will give your app a single store for all of your state. It will be kept in sync with Firebase so you’ll always have easy, local access to your data. By the end of this course, you will be well-versed with JavaScript and Vue and have developed the skills you need to build robust projects from scratch.

Type
video
Category
publication date
2019-10-30
what you will learn

Discover core Vue concepts such as for instance methods, looping, components, data binding, passing data and event handling
Understand how to apply routing concepts such as scroll behavior and navigation guards
Integrate Firebase with projects for persistent data storage and authentication

duration
365
key features
Develop your Vue.js knowledge by exploring essential concepts and practical examples * Create a fun pizza application using a database to store the menu and orders * Learn how to effectively use state management in your projects along with front-end routing
approach
This course helps you gain hands-on experience as you work through one big project. You’ll build it in a structured way to effectively develop your skills as you progress through the course. Everything you learn can be immediately applied to the project you build. Build a complete project from the ground up by gaining comprehensive insights into concepts such as state management and front-end routing, along with exploring useful tips and techniques.
audience
This course is for anyone looking to understand concepts such as state management, front-end routing, and Firebase databases and authentication, along with more advanced concepts such as lazy loading. Some experience of Vue.js or at least a similar framework or library such as React is required.
meta description
Take your JavaScript and Vue skills to the next level by learning state management, routing, authentication, and Firebase
short description
Take your JavaScript and Vue skills to the next level by learning state management, routing, authentication and Firebase
subtitle
Take your JavaScript and Vue skills to the next level by learning state management, routing, authentication and Firebase
keywords
Vue.js, Firebase, Vuex, Router, stack web apps
Product ISBN
9781838980627