Vue.js: Getting Started

  • published June 16, 2017

Do you want a lightning fast web app without the hassle? Vue.js, or just Vue, is a modern JavaScript framework that helps you quickly build lightning fast web apps. It’s even being called "the new jQuery". In this follow-up to my last 5-star training course, I'll show you how to build fast-running apps with Vue. The goal of this course is to provide world-class training on Vue.

This detailed course, will show you a web app that let’s you search for fictional beers and breweries. In addition to that web app, there are over 100 smaller code samples to drive the concepts home. All of these samples are included with the course. These samples are created with the assumption that you do not have any experience with Vue.js. There are some other prerequisites though.

This course assumes you’re familiar with skills such as HTML, CSS, and JavaScript. However, this course also assumes that you don’t have any experience with Vue.js. The course will start at the beginning and guide you through:

  • What Vue.js Is
  • Why you should consider Vue.js
  • Installing and Setting Up an App with Vue.js
After this introduction, the course will go deeper into Vue and get more technical. You’ll see how to create templates, bind to form data, and react to user events.This training course will then show you conditional rendering techniques available in Vue. Finally, this training course will show you how to go further with your data model!

The really cool part of this course is that you learn Vue. In addition though, this course starts you on the path to learning how to create a search engine. Learn more in less time. Start today with Vue.js: Getting Started training course.

Avg. Review

2 hrs 32 mins


June 16, 2017

Be Cool. Like This Course!

You'll Learn
  • An Introduction to Vue.js
  • Introducing Vue.js
  • Why Should I Care About Vue.js?
  • The Simplicity of Vue
  • Running Fast with Vue
  • Other Considerations for Vue
  • Installing and Setting Up Vue
  • Installing Vue.js
  • Installing Axios
  • Initializing an Instance of Vue
  • Mounting an Instance of Vue
  • Lifecycle of a View
  • Creating Vue.js Templates
  • Introducing Templates
  • Defining Template Data
  • Loading Data Properties
  • Naming Properties
  • Understanding Property Values
  • Binding Content to a Template
  • Binding Text
  • Semantic Bindings
  • Declarative Bindings
  • One Time Bindings
  • Binding to HTML
  • Binding to HTML Attributes
  • Introducing the Bind Directive
  • Binding to CSS Properties
  • Binding to CSS Classes
  • Using JavaScript Expressions
  • Binding with Forms in Vue.js
  • An Introduction to Binding with Forms
  • Using Input Bindings
  • Binding to Text Fields
  • Binding to Checkboxes
  • Binding to Radio Buttons
  • Binding to Drop Down Lists
  • Modifying Bound Values
  • Using the Trim Modifier
  • Using the Number Modifier
  • Lazily Binding Values (Lazy Binding)
  • Responding to User Events in Vue.js
  • Responding to User Events in Vue.js
  • Using Event Handlers
  • Defining Event Handlers
  • Examining Events and Passing Parameters
  • Altering Event Behaviors
  • Understanding Event Propagation
  • Event Capturing
  • Using the Prevent Modifier
  • Using the Stop Modifier
  • Using the Self Modifier
  • Using the Once Modifier
  • Recting to Keyed Events
  • Creating Key Modifiers
  • Reacting to Mouse Button Events
  • Reacting to Special Keys
  • Conditional Rendering and Rendering of Lists in Vue.js
  • Conditional Rendering and Rendering of Lists
  • Rendering Elements Conditionally
  • Rendering Conditionally On Load
  • Rendering Conditionally During Runtime
  • Rendering Lists of Items
  • Looping a Specific Number of Times
  • Traversing Object Properties
  • Iterating Through Arrays
  • Using v-for and v-if Together
  • Detecting Array Changes
  • Using the Sort Function
  • Using the Reverse Function
  • Pushing and Popping Array Items
  • Using the Shift and Unshift Function
  • Splicing an Array
  • Updating an Array Element
  • Reacting to Data Changes with Filters, Computed Properties, and Watchers
  • Introduction
  • Monitoring Data Changes with Watchers
  • Defining a Watcher's Behavior
  • Defining a Watcher's Depth
  • Faster Rendering with Computed Properties
  • Initializing Computed Properties
  • Using Computed Properties as Accessors
  • Formatting with Filters
  • Defining Filters
  • Programmatically Calling a Filter
  • Chaining Filters Together
  • Comparing Filters to Methods