How to Quickly Build An App Using Vue.js & Laravel

Vue.js is an amazing reactive javascript framework that competes with:

  • Angular

  • React

  • Riot

  • Ember

  • Polymer

It does all that fancy binding, isolates scope sensibly and has a relatively shallow learning curve compared to the likes of Angular or Polymer.

In this video, I'll show you how to quickly create a full-stack web application using Laravel on the backend and Vue.js on the front-end.

We'll go over:

  • A bare bones Vue.js example

  • How to use 2-way binding in Vue.js

  • How to create a Vue.js list view and update it in real time

  • How to use Vue.js filters to capitalize, lowercase and uppercase strings

  • How to use the Vue.js currency filter

  • How to create Vue.js components using either Javascript or HTML templates

  • How to use the Vue.js JSON filter

  • How to sort and filter data in a Vue.js component

  • How to create dynamic computed properties in Vue.js

  • How to easily modularize Vue.js components by packaging them into .vue files using vueify

  • How to dynamically update a Vue.js component with AJAX requests

  • How to create a markdown component in Vue.js using the marked npm library

  • How to easily paginate data using Laravel pagination and a simple Vue.js pagination component

  • How to conditionally show/hide components in Vue.js

  • How to easily reuse your Vue components and make them interact with one another using browserify

  • How to use Gulp to automate the build and minification process so that all you have to worry about is building awesome components

Say Hello

Near the Cleveland, Akron or Medina area and want to stop by our office? Let us know and we'll get the coffee and whiteboards ready. :)