Vue.js: Getting Started

By Chad Campbell
Vue.js is a lightning fast framework that lets you build web apps in a simple way. This course will quickly get you started with Vue.js by teaching you why Vue.js is valuable, how to get data from a user, handle events, and render efficiently.
Play course overview
Course info
Rating
(460)
Level
Beginner
Updated
Jun 16, 2017
Duration
2h 31m
Table of contents
Course Overview
Course Overview 1m
Introducing Vue.js
Introducing Vue.js 1m Why Should I Care About Vue.js? 1m The Simplicity of Vue 5m Running Fast with Vue 2m Other Considerations for Vue 2m Installing and Setting up Vue 1m Installing Vue.js 1m Installing Axios 1m Initializing an Instance of Vue 1m Mounting an Instance of Vue 1m Lifecycle of a View 4m
Creating Vue.js Templates
Introducing Templates 1m Defining Template Data 1m Loading Data Properties 3m Naming Properties 1m Understanding Property Values 1m Binding Content to a Template 0m Binding Text 1m Semantic Bindings 1m Declarative Bindings 2m One Time Bindings 1m Binding to HTML 2m Binding to HTML Attributes 1m Introducing the Bind Directive 1m Binding to CSS Properties 4m Binding to CSS Classes 4m Using JavaScript Expressions 4m
Binding with Forms in Vue.js
An Introduction to Binding with Forms 1m Using Input Bindings 1m Binding to Text Fields 3m Binding to Checkboxes 3m Binding to Radio Buttons 1m Binding to Drop Down Lists 2m Modifying Bound Values 1m Using the Trim Modifier 1m Using the Number Modifier 2m Lazily Binding Values (Lazy Binding) 3m
Responding to User Events in Vue.js
Responding to User Events in Vue.js 1m Using Event Handlers 2m Defining Event Handlers 2m Examining Events and Passing Parameters 3m Altering Event Behaviors 1m Understanding Event Propagation 1m Event Capturing 2m Using the Prevent Modifier 2m Using the Stop Modifier 2m Using the Self Modifier 1m Using the Once Modifier 3m Reacting to Keyed Events 3m Creating Key Modifiers 2m Reacting to Mouse Button Events 6m Reacting to Special Keys 4m
Conditional Rendering and Rendering of Lists
Conditional Rendering and Rendering of Lists 1m Rendering Elements Conditionally 0m Rendering Conditionally on Load 3m Rendering Conditionally During Runtime 4m Rendering Lists of Items 0m Looping a Specific Number of Times 2m Traversing Object Properties 3m Iterating Through Arrays 2m Using v-for and v-if Together 2m Detecting Array Changes 1m Using the Sort Function 2m Using the Reverse Function 1m Pushing and Popping Array Items 1m Using the Shift and Unshift Function 1m Splicing an Array 2m Updating an Array Element 2m
Reacting to Data Changes with Filters, Computed Properties, and Watchers
Introduction 4m Monitoring Data Changes with Watchers 3m Defining a Watcher's Behavior' 2m Defining a Watcher's Depth 2m Faster Rendering with Computed Properties 1m Initializing Computed Properties 1m Using Computed Properties as Accessors 2m Formatting with Filters 2m Defining Filters 1m Programmatically Calling a Filter 2m Chaining Filters Together 1m Comparing Filters to Methods 3m
Description
Course info
Rating
(460)
Level
Beginner
Updated
Jun 16, 2017
Duration
2h 31m
Description

Are you trying to build a web app and the technology is getting in the way? In this course, Vue.js: Getting Started, you'll learn about a JavaScript framework that is intuitive enough to let you focus on your goals. First, you'll learn how to create lightning fast web apps in a refined and simple way. Next, you'll explore how to create HTML templates. In addition, you'll cover how to bind to data input by a user and react to user events. Finally, you'll learn how to conditionally render content the appropriate way. When you're finished with this course, you'll be able to start building fast-running apps with Vue.js.

About the author
Chad Campbell
About the author

Chad is an independent software professional. He's been named a Microsoft MVP five times. His books have been translated into multiple languages and distributed worldwide. He holds a computer science degree from Purdue University, where he also studied psychology.

More from the author
Vue.js Playbook
Beginner
2h 29m
Sep 13, 2019
Adding Search Abilities to Your Apps with Azure Search
Intermediate
2h 55m
Sep 20, 2016
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Hi everyone, my name is Chad Campbell, and welcome to my course, Vue. js: Getting Started. I'm a software engineer and architect at Ecofic. Vue. js is an intuitive framework for building web apps. If you want to quickly build lightning-fast web apps without the complexity, I believe this course is for you. This course will get you going with Vue. js. This includes covering why Vue. js is a powerful framework, data binding with user input, handling user events, and rendering techniques. By the end of this course, you'll know how to build web apps with Vue. js. Before beginning this course, you should be familiar with HTML, JavaScript, and CSS. I hope you'll join me on the journey to learn Vue. js with the Vue. js: Getting Started course at Pluralsight.

You're the smartest person in the room

PROVE IT

Your team won't just close the skills gap

THEY'LL HURDLE IT