
This video provides an overview of the entire course.
This video aims to give an introduction on what can be done with Vue.js.
• Get an overview of Vue.js
• Understand the applications of Vue.js
• Learn about the features and the need for Vue.js
This video aims to demonstrate how to start with Vue.js.
• Learn to include Vue.js on a simple HTML page
• Demonstrate how to render the first Vue instance
This video aims to demonstrate how to create an application using Vue.js.
• Create a “Hello, World!” application
• Demonstrate to create a two-way data binding model
This video aims to demonstrate how to create a Vue.js project with npm and the Vue.js CLI.
• Learn to use the terminal to create a Vue app with the Vue CLI
• Explore the available CLI options
This video aims to give an in-depth explanation of the Vue instance.
• Learn the basics of the Vue instance
• Demonstrate how to create multiple instances
This video aims to explain the lifecycle of a Vue instance.
• Understand how Vue uses lifecycle hooks like “mounted”
• Learn about the available functions
This video aims to demonstrate the different components and how they are used in Vue.js.
• Learn to include components in Vue.js
• Demonstrate how to pass props to components
This video aims to give in-depth knowledge about the component.
• Get an overview of Vue.js components
• Understand components and their own state and props
• Learn to update components
This video aims to give an overview of template interpolation.
• Get an overview of Vue.js templates
• Learn how to replace strings
• Demonstrate how to display JSON objects
This video aims to demonstrate directives in Vue.js.
• An Introduction to directives
• Demonstrate how to create a directive in Vue.js
This video aims to demonstrate how to work with web forms using Vue.js.
• Demonstrate how to capture form input
• Learn to create a Twitter-like input field
• Put a limiter on character input by the user
This video aims to explore the Vue.js single-file components.
• Understand the three components
• Demonstrate using a real-world example
This video aims to demonstrate reloading of an application with Webpack.
• Learn how to make the application workflow quicker
• Understand what is affecting hot reloading of components
This video aims to explore the Vue-Devtools to make debugging easier.
• Understand the Vue.js Devtools
• Explore Vue.js Devtools for Firefox and Chrome
• Demonstrate how to inspect components while using them
This video aims to demonstrate how to perform unit testing.
• Create basic unit tests for Vue.js
• Run the unit tests on the command line
This video aims to explore the Vue-router library.
• Set up a router
• Set up pages
• Make use of route parameters “/post/1”, “/post/2”
This video aims to demonstrate state management with a simple source of truth and Vuex.
• Set up a simple store
• Demonstrate using the store across components
• Create a shopping cart
This video aims to demonstrate using Vuex to manage state in a Vue.js app.
• Set up a store with Vuex
• Demonstrate using the store across components
• Create a shopping cart
This video aims to demonstrate how to reuse logic and data within an app with mixins.
• Demonstrate how to create a simple mixin
• Understand how mixins can provide default functionality
This video aims to demonstrate how to reuse logic and data across multiple applications with plugins.
• Demonstrate how to create a simple plugin
• Understand the order of execution
Vue.js is one of the latest JavaScript frameworks and has attracted the interest of web developers as it can be used to build complex single-page applications.
This video course shows developers how to build high-performing, reactive web interfaces with Vue.js. It starts from scratch, teaching you how to build a “Hello World!” application in Vue.js and moves towards building advanced applications step by step. You'll earn the concepts that you need to know about Vue.js. You'll build an application as you go, putting the concepts we've explained into practice. Several modern tools such as Webpack, vue-cli, hot reloading, and vue devtools will be used to develop modern web applications, focusing on the view layer to provide the most performant experience for users. Also you will use the vue-cli-based Webpack template and look at how we can build on top of that starter kit.
By the end of this course, you will be able to build complex and large web applications with Vue.js and will also understand how to make single-file-based reusable components which can be used across projects.
This course uses Vue.js 2.0, while not the latest version available, it provides relevant and informative content for legacy users of Vue.js.
About the Author
Jonathan M Hethey has been writing code since the age of 14 and has actively participated in shaping and experimenting with the IT systems around him. After a short apprenticeship as an IT supporter, he completed his studies with a Bachelor degree in Web Development in Denmark.
Since then he has been working as a teacher for young adults with autism and went on to work for agencies as a developer and is now a Full Stack Developer in Copenhagen.
Programming and working in teams efficiently are key to success in a rapidly changing industry, whether we are speaking of app development or creating beautiful web experiences. He quickly became a fan of Git and one of the blog posts on Gitlab lead to his first book contract with PACKT in 2013.