Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Microsoft

Take your first steps with Vue.js

Microsoft via Microsoft Learn

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

Reviews

Start your review of Take your first steps with Vue.js

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.