An Introduction to Vue
  • How to Get Help
  • Join Our Community!
  • Course Resources
  • Our First Vue App
  • App Overview
  • A Codepen Starter
  • Vue Templates and Instances
  • Creating the Template
  • Linking Templates and Instances
  • Step by Step Implementation
  • Defining Instance Methods
  • Defining Vue Directives
  • Retrieving Event Information
  • Imperative vs Declarative Programming
  • Declarative Apps with the Vue API
  • Data, Computed, and Methods
  • Updated Data Values
  • Computed Properties
  • Review from Start to Finish
  • Template Placement
  • Referencing Data in the Template
  • Expressions in Templates
  • Rendering with String Templates
  • Exercise Solution
  • JS Expressions in Templates
  • Exercise Solution
Moving on with Vue CLI
  • App Overview
  • App Challenges
  • Generating a New Project
  • Why Use Vue CLI?
  • Project Walkthrough
  • Vue Files
  • Behind the Scenes of Vue Files
  • Vue Components vs Vue Instances
Writing Effective Vue Apps
  • Starting from Scratch
  • The App Component
  • Another Way of Specifying Content
  • Multiple Ways of DOM Attachment
  • Making the SearchBar
  • Nesting Components
  • Event Directives
  • Shorthand Event Syntax
  • Data Sharing Between Components
  • Communication with Props and Events
  • Emitting Events
  • Listening for Custom Events
  • Youtube API Signup
  • Searching Youtube
  • Investigating Video Responses
  • Rendering a List of Videos
  • Updating Data Causes Rerenders
  • Data in Components vs Instances
  • Updating Data
  • Communicating from Parent to Child
  • Prop Validation
  • Separate List Components
  • Lists with V-For
  • Handling Props with V-For
  • Keys with V-For
  • Including Bootstrap Styling
  • Styling the Search Bar
  • Styling the Video List
  • Thumbnail Image Reference
  • Thumbnail By Computed Property
  • More List Item Styling
  • Handling Nested Clicks
  • Event Handling in the VideoList
  • Receiving Events in the App
  • Passing Props to the Video Detail
  • Updating Data
  • The V-If Directive
  • Referencing Video Title and Description
  • Crafting the Embed URL
  • Responsive Embeds
  • Two Column Layout
  • App Review
  • Events and Methods
  • Exercise Solution
  • Component Data
  • Exercise Solution
  • Events, Data, and Directives
Handling State with Vuex
  • App Overview
  • App Challenges
  • Additional Dependencies
  • A Bit of Boilerplate
  • Building the Header
  • Including Semantic UI
  • Styling the Header
  • Imgur Overview
Authentication in Vue with OAuth2
  • OAuth Overview
  • Imgur API Signup
  • Handling App Logic
  • Vuex Introduction
  • Vuex Modules
  • Connecting Vuex to Vue