Vue.js Playbook
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.
What you'll learn
Are you trying to build a web app and the technology is getting in the way? In this course, Vue.js Playbook, 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.
Table of contents
- Introducing Vue.js 1m
- Why Should You 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 0m
- Installing Vue.js 1m
- Installing Axios 1m
- Initializing an Instance of Vue 1m
- Mounting an Instance of Vue 1m
- Lifecycle of a View 4m
- 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
- 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 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
- Introduction 4m
- Monitoring Data Changes with Watchers 3m
- Defining a Watchers Behavior 2m
- Defining a Watchers Depth 2m
- Rendering with Computed Properties 1m
- Initializing Computed Properties 1m
- Computed Properties as Accessors 2m
- Formatting with Filters 2m
- Defining Filters 1m
- Programmatically Calling a Filter 1m
- Chaining Filters Together 1m
- Comparing Filters to Methods 3m