Building Applications with VueJs, Vuex, VueRouter, and Nuxt


Updated on

Course overview

Course type
Paid course
6 hours
63 lessons
Available on completion
Course author
Haider Malik
  • Understand how to create web apps Vue
  • Manage state with Vuex
  • Routing with VueRouter
  • Consume Restful APIS with Vuejs and Vuex
  • Build Server rendered Application with NuxtJs and Vuex
  • Learn Forms in VueJs


Master the VueJs fundamentals by building single page and server rendered applications(Inc. Vuex, VueRouter, Nuxt)

What is Vue.Js?

Vue.js (commonly referred to as Vue; pronounced /vjuː/, like view) is an open-source JavaScript framework for building user interfaces. 

Vue.js is yet another JavaScript UI library that is making waves and has growing support from the community. If you have an upcoming project and are wondering which tool to choose, you can give Vue a try.

Vue is considerably easy to learn and you can get started with it in just 10 minutes (actually, that is what this article is going to help you do). But first, let’s have a quick look at why you should even give Vue a try.

Why Vue.js?

When comparing it with its competitors, including Angular, React, Ember, Aurelia, etc., Vue boasts of beating some of them in certain aspects. These aspects include simple API, size, performance, learning curve, etc. You can have a look at these comparisons on the official documentation.

What you will learn in this course ?

  • Setting up a Development Environment and Workflow

  • The Basics (including the basic Syntax, Understanding Templates and much more!)

  • Interacting with DOM (Rendering Lists, Conditionally attaching/ detaching Elements ...)

  • Using Components (and what Components are to begin with)

  • Binding to Form Input

  • State Management with VueJs

  • How to create an awesome Single-Page-Application (SPA) with Routing

  • Build Server Rendered App with NuxtJs

In this course you are going to build 6 small web applications with Vue.js, Vuex and Nuxt

  • Vote App - Learn the Vue basics by building vote application

  • Todo App - In this module you will build a basic Todo App with VueJs

  • Kanban Board Application - In this module you will build a basic project management app using Vue components

  • Shopping Cart Server with Vuex - In this course, you will master the Vuex fundamentals by building shopping cart feature

  • Build a conference form - In this module you will master the forms fundamentals of VueJs

  • Blog App - You will learn how to build server rendered application with Vuex and NuxtJs

Similar courses

Build Web Apps with Vue JS 3 & Firebase
  • 32 hours
  • 314 lessons
  • Certificate
Vue JS Essentials with Vuex and Vue Router
  • 11 hours
  • 140 lessons
  • Certificate
Building Applications with VueJs, Vuex, VueRouter, and Nuxt
  • English language

  • Recommended provider

  • Certificate available