The Vast World of Vue.js 0.12

Series Episodes

1. Episodes (15)
   1. At a Glance

      30m 07s

      Before we get our feet wet, give me a half hour, and we'll build a little tool together from scratch. Don't worry; I'll go fast in this video, but once we finish - and once you've had the chance to get really excited - we'll hit the brakes, and begin reviewing each fundamental piece of Vue.js.
   2. Form Inputs and Two-Way Binding

      6m 08s

      Let's now step on the breaks, and review each component of Vue.js. Will begin with the basics: two-way binding between a piece of data on your Vue instance, and a form input.
   3. Rendering Lists of Data

      5m 00s

      Let's continue with another baby-step. You have an array of data, and simply need to filter through it and render each item/key on the page. It couldn't be simpler with Vue.js!
   4. Vue's Event System

      4m 08s

      Listening for events is a basic requirement for any client-side work. While we once had to write tedious boilerplate to simply listen for a click or blur event, that's luckily no longer the case.
   5. Basic Interactions Review

      9m 05s

      Before we move on to other key areas of Vue.js, let's toy around for a bit to ensure that you have a good understanding of basic interactions.
   6. Easy Filtering and Ordering

      13m 23s

      You'll frequently find yourself in need of a way to filter and order a set of data. Because this is such a common need, Vue provides the functionality out of the box. It's laughably simple!
   7. Custom Filters

      11m 07s

      Now that you've learned about some of the default filters, let's learn how to create our own custom filters! It's really easy. Don't forget: a filter is nothing more than a function that receives value, translates it however needed, and returns the result.
   8. Laravel and Vue

      25m 29s

      So how exactly do we make AJAX requests with Vue? In this video, we'll pull in the Resource Vue plugin to make this process as simple and familiar as possible. To demonstrate the workflow, from scratch, we'll build a general guestbook app.
   9. Workflow With Browserify and Elixir

      8m 28s

      Let's figure out a basic directory structure and workflow for using Browserify with Vue. Luckily, because we have Laravel Elixir, the process is significantly easier than it would be otherwise.
   10. Components

       10m 34s

       Components allow us to create reusable pieces of functionality.
   11. Props

       7m 11s

       Props allow you to pass data, from a parent, down to a child component.
   12. All Together Now

       31m 11s

       Let's dive into workflow. In this video, we'll gather all of the things we've learned in this series, and put them together. We'll move pretty fast in this video, but if you've been following along, you should be fine. Lots to learn here, so let's get started!
   13. Custom Directives

       10m 17s

       You've already made use of a number of directives. Everything from v-show, to v-on. But you can even create your own custom directives, when it's appropriate!
   14. Custom Components using Vueify

       8m 31s

       Vueify is a Browserify transformer that offers an interesting mechanism to group the related styling, template, and module for any given component. Let me show you how it works!
   15. Vue Routing: Part 1

       7m 32s

       In this lesson, let's figure out how to use Vue's official router to form the beginnings of a single-page application.