Vue.js: Getting Started

Vue.js 2.6    |    Beginner
  • 14 videos | 53m 31s
  • Includes Assessment
  • Earns a Badge
Rating 4.2 of 50 users Rating 4.2 of 50 users (50)
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.

PEOPLE WHO VIEWED THIS ALSO VIEWED THESE

Rating 4.0 of 18 users Rating 4.0 of 18 users (18)
Rating 4.5 of 560 users Rating 4.5 of 560 users (560)
Rating 4.4 of 657 users Rating 4.4 of 657 users (657)