Vue.js: Getting Started

Vue.js 2.6    |    Beginner
  • 14 videos | 53m 31s
  • Includes Assessment
  • Earns a Badge
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.

WHAT YOU WILL LEARN

  • 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

IN THIS COURSE

  • 1m 32s
  • 1m 49s
    After completing this video, you will be able to describe the Vue Framework and how it fits into modern web development. FREE ACCESS
  • Locked
    3.  Installing Vue
    3m 50s
    In this video, you will install Vue for use in the development of a single-page app. FREE ACCESS
  • Locked
    4.  Setting Up a Vue Development Environment
    3m 56s
    Find out how to install Vue DevTools and configure VSCode to make Vue development easier. FREE ACCESS
  • Locked
    5.  Setting Up a Vue Instance
    3m 47s
    In this video, you will learn how to create a Vue instance, which is the basis for a Vue single page app. FREE ACCESS
  • Locked
    6.  Attribute Binding in Vue
    4m 33s
    Learn how to set up one-way data binding between HTML attributes and Vue expressions. FREE ACCESS
  • Locked
    7.  Rendering With Loops
    4m 13s
    Learn how to use the v-for directive to render elements repeatedly. FREE ACCESS
  • Locked
    8.  Conditional Rendering
    7m 26s
    In this video, find out how to add and remove items from the DOM conditionally using v-if and its variants. FREE ACCESS
  • Locked
    9.  Handling Events
    4m 19s
    Find out how to detect and respond to DOM events using Vue. FREE ACCESS
  • Locked
    10.  Working with Methods
    5m 16s
    In this video, you will add methods to a Vue instance via the methods property. FREE ACCESS
  • Locked
    11.  Installing the Vue CLI
    2m 1s
    In this video, you will learn how to install the Vue CLI on a development machine. FREE ACCESS
  • Locked
    12.  Creating Projects Using the Vue CLI
    3m 41s
    In this video, you will learn how to use the Vue CLI to configure and create a new Vue project. FREE ACCESS
  • Locked
    13.  Exploring a Vue CLI Project
    3m 44s
    During this video, you will learn how to navigate the structure of a Vue CLI project. FREE ACCESS
  • Locked
    14.  Exercise: Creating a Basic Vue App
    3m 23s
    Learn how to develop and run a simple Vue-based single-page app. FREE ACCESS

EARN A DIGITAL BADGE WHEN YOU COMPLETE THIS COURSE

Skillsoft is providing you the opportunity to earn a digital badge upon successful completion on some of our courses, which can be shared on any social network or business platform.

Digital badges are yours to keep, forever.