Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Learn by Doing: Vue JS 2.0 the Right Way
Rating: 4.4 out of 5(390 ratings)
1,806 students

Learn by Doing: Vue JS 2.0 the Right Way

Learn how to build a standalone client app with routing and authentication in VueJS 2.0 (Single page application)
Created byDejan Stošić
Last updated 12/2016
English

What you'll learn

  • Build your own VueJS application of any size
  • Plan and structure your project
  • Write maintainable code
  • Use smart development tools like vue-cli

Course content

7 sections32 lectures3h 31m total length
  • Introduction5:53

    Course overview

  • Vue crash course 1/2: Basics9:31

    Let's see what two way data binding is and how it works

  • Vue crash course 2/2: Components10:03

    We learn more about components and how to use them

  • Installing the required software0:59

    Step by step guides for installing PHP, NodeJS and NPM

  • How to run the API6:18

    $ php -S localhost:9090 public/index.php

  • Installing Vue CLI and setting up our project with Webpack12:24

    Learn how to utilize VueCLI.

  • Vue Loader Components6:38

    Learn more about Vue 2.0 components with Vue Loader

  • Vue 2.0 routing8:11

    Learn more about Vue Router and how to build your client side routing

Requirements

  • HTML/CSS (Bootstrap Framework)
  • Some knowledge of JavaScript (the more you know the easier this will be for you!)
  • Recommended (NOT required): Basic Understanding of Client-Server Communication (HTTP protocol)

Description

If you are ready to take your frontend web development skills to the next level and learn a new technology which is rapidly growing - then you've come to the right place!

In this course we'll learn VueJS - the version 2.0 to be specific, which quickly became highly valued among professional web developers, because it is really simple (unlike 2.0 versions of some other JS frameworks...) while also very powerful at the same time! The version 2.0 is mature and is already used both by small startups and in the enterprise apps by many corporations in the real world.

We'll focus on the practical side of things by building a small microblogging social network called "Beeper"! The focus is on medium and large scale applications, so you will learn, through example, how to structure your code and how real applications work.

Also, you'll receive a custom API built specifically for this course, you'll run it on your computer and we will build the client app with VueJS that interacts with the said API.

This is as close to the real world development experience as it gets, folks!


Credits

  • Intro song: "Local Forecast - Elevator" by Kevin MacLeod

Who this course is for:

  • People who are stuck with jQuery and didn't move on to modern frameworks - this course is perfect for you
  • People who have some knowledge of JavaScript and want to build their own real-world app
  • Developers who know other modern frameworks/libraries (Angular, React...)