Vue.js: Learning the basics by building a movie web app

Learn the basics of Vue by building a simple movie application utilizing Vuex, Vue Router, axios, firebase, and more.

By enrolling and finishing this course you will gain a clear insight into Vue and learn how to build your first Vue application. This course is primarily geared towards beginners and developers who would like a quick crash-course into Vue development.

What you’ll learn

  • Create Vue. application.
  • CRUD with Firebase and Firestore.
  • API service.
  • Vuex.
  • Vue Router.

Course Content

  • Installing Vue CLI and creating new Vue project –> 6 lectures • 15min.
  • Diving deeper into Vue and creating our movie application –> 8 lectures • 32min.
  • Searching, filtering, adding, editing, and removing movies –> 10 lectures • 1hr 4min.
  • Adding Firebase –> 7 lectures • 24min.
  • Last words and complete project –> 1 lecture • 1min.

Vue.js: Learning the basics by building a movie web app

Requirements

  • Basic understanding of Javascript (functions, objects, promises, ES6+).

By enrolling and finishing this course you will gain a clear insight into Vue and learn how to build your first Vue application. This course is primarily geared towards beginners and developers who would like a quick crash-course into Vue development.

This does not mean that we will take it easy and only work with the simplest approaches!

Here are, summarized, some of the things you will learn throughout this course.

 

  1. Install Vue CLI and create a new projectYou will learn how to create a new project with Vue CLI (command line interface). We will explore and explain all files and folders that come created with the default project.

     

  2. Create routes and learn how to manage state with VuexYou will learn how to create and programmatically navigate through the Vue application. You will also learn how to manage the global application-level state separate it using modules.

     

  3. Dive into life-cycle hooks, Vue directives, mixinsYou will learn all the steps through which a component goes from its creation till the moment it is destroyed. Learn some of the Vue directives and look at how we can share similar code across multiple components.

     

  4. Create CRUD with firebaseLearn how to create basic CRUD operations with Axios and Firebase and make API calls to update the global state.

     

  5. You will have funYou will have fun learning more about Vue and working on this lovely movie application.