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 49sAfter completing this video, you will be able to describe the Vue Framework and how it fits into modern web development. FREE ACCESS
-
3. Installing Vue3m 50sIn this video, you will install Vue for use in the development of a single-page app. FREE ACCESS
-
4. Setting Up a Vue Development Environment3m 56sFind out how to install Vue DevTools and configure VSCode to make Vue development easier. FREE ACCESS
-
5. Setting Up a Vue Instance3m 47sIn this video, you will learn how to create a Vue instance, which is the basis for a Vue single page app. FREE ACCESS
-
6. Attribute Binding in Vue4m 33sLearn how to set up one-way data binding between HTML attributes and Vue expressions. FREE ACCESS
-
7. Rendering With Loops4m 13sLearn how to use the v-for directive to render elements repeatedly. FREE ACCESS
-
8. Conditional Rendering7m 26sIn this video, find out how to add and remove items from the DOM conditionally using v-if and its variants. FREE ACCESS
-
9. Handling Events4m 19sFind out how to detect and respond to DOM events using Vue. FREE ACCESS
-
10. Working with Methods5m 16sIn this video, you will add methods to a Vue instance via the methods property. FREE ACCESS
-
11. Installing the Vue CLI2m 1sIn this video, you will learn how to install the Vue CLI on a development machine. FREE ACCESS
-
12. Creating Projects Using the Vue CLI3m 41sIn this video, you will learn how to use the Vue CLI to configure and create a new Vue project. FREE ACCESS
-
13. Exploring a Vue CLI Project3m 44sDuring this video, you will learn how to navigate the structure of a Vue CLI project. FREE ACCESS
-
14. Exercise: Creating a Basic Vue App3m 23sLearn 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.
