by Peter van Meijgaard | Publisher: Packt Publishing | Release Date: April 2017 | ISBN: 9781787281318

Get up and running with simple and fun projects using the Vue.js framework!About This VideoCreate your own custom applications based on intelligently designed, readable code templatesAddress different designs for single page application frameworks with interactivity for the webGet up and running with Vue.js' features and handle the Vue ecosystem effectively!In DetailVue.js is the latest JavaScript framework to take web development community by storm. Since its release, it has managed to establish itself as one of the most popular frameworks for building user interfaces and is seeing rapid adoption rate. With Vue.js 2 released now, there are major improvements made in the framework making it leaner and faster.In this video course, you will start with creating a To-Do Application, where you will be taken through the necessary basics of Vue, and learn to add, toggle, remove, and change a to-do item. After that, you will build a GitHub application which connects to GitHub using the Axios client. You will learn to create different Vue components as well as handle computed properties for your application. Finally, you will then build a real-time chat application, where you will work with Pusher service, Vue Router, and Vuex.By the end of this course, you will have worked with the different features of Vue.js that will make you fall in love with single page web application development.

1. Chapter 1 : Creating a todo Application
   • The Course Overview 00:03:36
   • Introduction to the todo Application 00:01:56
   • Setting Up Our Development Environment 00:06:37
   • Let’s Start by Adding todos 00:21:17
   • Toggling and Removing a todo 00:12:11
   • Editing a todo 00:23:36
2. Chapter 2 : GitHub Application
   • Introduction of the GitHub Application 00:03:23
   • Scaffolding Our Application 00:08:03
   • Setting Up Vue Router 00:14:55
   • Setting Up Axios 00:11:22
   • Setting Up Vue Material 00:12:25
   • Making the Text-Input Working 00:12:48
   • Creating the Repositories Table 00:20:12
   • Creating the User Table 00:20:02
3. Chapter 3 : Real time Chat Application
   • Introduction to the Chat Application 00:06:24
   • Scaffolding Our Client and Server 00:09:18
   • Adding Packages to Our Client 00:14:37
   • Setting Up the Vuex Store 00:14:24
   • Setting Up Our Pages 00:07:36
   • Adding Functionality to the Join Page 00:05:48
   • Styling the Join Page 00:12:55
   • Finalizing the Join Page 00:19:55
   • Adding Functionality to the Room Page 00:09:24
   • Finalizing the Rooms Page 00:23:42
   • Final Tweaks 00:08:10