English | MP4 | AVC 1920×1080 | AAC 48KHz 2ch | 5 Hours | 1.03 GB
Get up and running with simple and fun projects using the Vue.js framework!
Vue.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.
What You Will Learn
- How to use Vue in your static application
- How to use an external API to fetch and process data
- How to use a state management plugin like Vuex
- Create Vue components for structuring your application
- Make your Vue.js application react to incoming events and respond accordingly
Table of Contents
Creating a todo Application
The Course Overview
Introduction to the todo Application
Setting Up Our Development Environment
Let’s Start by Adding todos
Toggling and Removing a todo
Editing a todo
GitHub Application
Introduction of the GitHub Application
Scaffolding Our Application
Setting Up Vue Router
Setting Up Axios
Setting Up Vue Material
Making the Text-Input Working
Creating the Repositories Table
Creating the User Table
Real time Chat Application
Introduction to the Chat Application
Scaffolding Our Client and Server
Adding Packages to Our Client
Setting Up the Vuex Store
Setting Up Our Pages
Adding Functionality to the Join Page
Styling the Join Page
Finalizing the Join Page
Adding Functionality to the Room Page
Resolve the captcha to access the links!