Udemy

Building Applications with VueJs, Vuex, VueRouter, and Nuxt

Enroll Now
  • 5,850 Students
  • Updated 1/2020
3.8
(59 Ratings)
CTgoodjobs selects quality courses to enhance professionals' competitiveness. By purchasing courses through links on our site, we may receive an affiliate commission.

Course Information

Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
6 Hour(s) 4 Minute(s)
Language
English
Taught by
Haider Malik
Rating
3.8
(59 Ratings)
1 views

Course Overview

Building Applications with VueJs, Vuex, VueRouter, and Nuxt

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

Course Content

  • 9 section(s)
  • 63 lecture(s)
  • Section 1 First VueJs Application
  • Section 2 Components in Vue - Build Kanban Board Application
  • Section 3 Components Communication in Vue - Build Todo App
  • Section 4 State Management with Vuex
  • Section 5 Consuming REST APIS via HTTP in VueJs and Vuex - Build Shopping Cart
  • Section 6 Forms in VueJs
  • Section 7 Routing using vue-router
  • Section 8 Build Blog Application with Nuxt.js, Vue, and Vuex
  • Section 9 Learning Path to become a full-stack developer

What You’ll Learn

  • 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


Reviews

  • R
    Rian Yulianto W
    5.0

    Nice one in brief introduction for Vue JS, State Vuex, and Nuxt JS

  • A
    Arief Setiyo Nugroho
    5.0

    nice tutorial, I can learn vue and nuxt in one course.

  • A
    Adam Jaguś
    3.5

    It contains long range of topics about vue

  • A
    Alma Ohene-Opare
    5.0

    I love the fact that the course jumped right into a real-life application. It was much more interesting and engaging to begin with a hands-on approach rather than a whole bunch of theory and history and jargon.

Start FollowingSee all

We use cookies to enhance your experience on our website. Please read and confirm your agreement to our Privacy Policy and Terms and Conditions before continue to browse our website.

Read and Agreed