Take your first steps with Vue.js

Go to class
Write Review

Free Online Course: Take your first steps with Vue.js provided by Microsoft Learn is a comprehensive online course, which lasts for 1-2 hours worth of material. The course is taught in English and is free of charge.

Overview
    • Module 1: Learn to create web apps by using Vue.js and JavaScript.
    • In this module, you'll:

      • Create an app.
      • Work with data.
    • Module 2: Learn how to use dynamic rendering with Vue.js and JavaScript.
    • In this module, you will:

      • Learn how to display lists.
      • Learn about conditional rendering.
    • Module 3: Allowing users to interact with data is one of the core goals of Vue.js. In this module, you'll build a Vue app in JavaScript and you'll see how to respond to user events. You'll also see how to manage state and data in response.
    • In this module, you'll:

      • Work with forms.
      • Add events.
      • Compute properties.
    • Module 4: Learn to create components with Vue CLI and JavaScript.
    • In this module, you will:

      • Use Vue CLI
      • Create components

Syllabus
    • Module 1: Get started with Vue
      • Introduction
      • Get started with Vue.js
      • Exercise - Create an app by using Vue.js
      • Attribute binding
      • Exercise - Practice attribute binding
      • Knowledge check
      • Summary
    • Module 2: Dynamic page displays with Vue.js
      • Introduction to dynamic displays
      • Render lists
      • Practice rendering lists
      • Use conditional rendering
      • Practice using conditions
      • Knowledge check
      • Summary
    • Module 3: Work with data and events in Vue.js
      • Overview of dynamic data and events
      • Work with forms
      • Exercise - Bind data to forms
      • Work with events
      • Exercise - Add event handlers
      • Understand computed properties
      • Exercise - Add computed properties
      • Knowledge check
      • Summary
    • Module 4: Getting started with Vue CLI and single-file components in Vue.js.
      • Introducing Vue CLI and custom components
      • Get started with Vue CLI
      • Create an application by using Vue CLI
      • Get started with Vue components
      • Create a component
      • Component props
      • Add props to a component
      • Custom events for components
      • Add a custom event to a component
      • Knowledge check
      • Summary