Vue.js: Getting Started


Overview/Description
Expected Duration
Lesson Objectives
Course Number
Expertise Level


Overview/Description

This 14-video course explores Vue.js, a Javascript front-end framework that is lightweight, flexible, progressive, and easy to set up and use to quickly start creating apps. You will learn how to install Vue; use Vue devtools; set up a Vue environment for development; and learn how Vue handles common front-end necessities such as styling, routing, and state management. Then learn how to configure a Vue instance to drive the app. You will examine attribute binding in Vue, a one-way data bind to set an HTML attribute based on a value coming from our Vue instance. You will explore looping in Vue templates and learn to render the same bit of a template many times. Learners will examine how to conditionally render DOM (document object model) elements based on custom conditions. You will learn to use Vue methods to find re-usable blocks of code. Finally, the course will explore the Vue CLI (command-line interface), a command line executable to run on your development machines to create Vue apps.



Expected Duration (hours)
0.9

Lesson Objectives

Vue.js: Getting Started

  • Course Overview
  • describe the Vue Framework and how it fits into modern web development
  • install Vue for use in the development of a single page app
  • install Vue DevTools and configure VSCode to facilitate Vue development
  • create a Vue instance as the basis for a Vue single page app
  • set up one way data binding between HTML attributes and Vue expressions
  • use the v-for directive to repeatedly render elements
  • add and remove items conditionally from the DOM using v-if and its variants
  • detect and respond to DOM events with Vue
  • add methods to a Vue instance via the methods property
  • install the Vue CLI on a development machine
  • use the Vue CLI to configure and create a new Vue project
  • navigate the structure provided by a Vue CLI project
  • develop and run a simple Vue-based single page app

    • Course Number:
    it_sdvuej_01_enus

    Expertise Level
    Beginner