Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
The Ultimate Vue 2 Crash Course - Learn by Example
Rating: 4.5 out of 5(1,822 ratings)
31,734 students
Created byGary Simon
Last updated 2/2018
English

What you'll learn

  • Install Vue 2 through CDN, NPM and the Vue CLI
  • Understand how to build a basic Vue 2 App
  • Understand core fundamentals at a basic level of Vue 2

Explore related topics

Course content

1 section • 7 lectures • 1h 4m total length

  • Installing Vue10:09

    In this video, we're going to take a look at three different methods of installing Vue.js 2: CDN, NPM and the Vue CLI.

  • Understanding Vue Components4:49

    In this video, we're going to take a look at Vue Components and what they are. This will include understanding their structure, which consists of a template, logic and style section.

  • Vue Templating10:04

    In this lesson, we will take an in depth look at Vue templating, which involves understanding Vue Interpolation and Vue directives.

  • Vue Styling12:00

    We're going to take a look at the third section of Vue components, which is the

  • Vue Forms10:15

    Capturing user input is something just about every Vue app will require. Fortunately, doing so is quite easy with the help of the v-model directive. We will also take a look at vue form validation.

  • Vue Animation7:34

    In this video, we will take a look at creating basic enter and leave animations, as well as integrating animation sequences based on third party animation plugins, such as Animate.css.

  • Vue Routing9:53

    In this final lesson, we will examine a very important topic: the Vue router. We will use the Vue router to setup 2 different routes for two different components. We will also learn how to access URL parameters from our component logic and template.

Requirements

  • Understanding of HTML & CSS
  • Basic knowledge of JavaScript
  • Code Editor

Description

Vue.js is a JavaScript Framework that competes with Angular and React. It's growing in popularity in 2018, and it's a must-learn for the aspiring front-end developer.

In this course, we're going to learn how to use Vue to create a real project. In doing so, you're going to learn all about the fundamentals of this great framework.

You're going to learn all about:

  1. Installing Vue (Three different methods)
  2. Vue Components
  3. Templating
  4. Styling
  5. Forms
  6. Animation
  7. Routing

While learning all about this, you will build a simple app that allows you to add skills in a list-style app.

The benefits of Vue.js 2:

  • Easy to understand as long as you know HTML, CSS, and JavaScript
  • It's incredibly versatile and works with a wide variety of other web technologies
  • It's one of the smallest and fastest frontend JavaScript frameworks
  • Vue Components are very easy to understand with excellent organization
  • ..and much more

This Vue Tutorial is really a crash course into learning one of the most popular frontend JS frameworks today. It's just right for beginners who want to get up and running quickly, without being bogged down by excessive powerpoint slides and theory.

Requirements

  • Understanding of HTML & CSS
  • Basic understanding of JavaScript
  • An eagerness to become a frontend master!

So, if you're ready to start learning Vue.js 2 today, let's get started!

Who this course is for:

  • Anyone interested in modern front-end development

Report abuse