Start with the fundamentals of this powerful framework and explore all about modern apps and their requirements. Leverage Vue.js tools to build highly scalable and fast apps. Use this guide, to setup and build simple components and understand how to use events to communicate between components. Get to grips with SPA building blocks like templates, events, forms, and components. This guide is very practical in its approach and will require relatable ideologies to help them understand the concepts that are being taught.
About the Author
In this video, we shall be starting our journey with Vue.js. We shall also be looking at some distinguishing characteristics of Vue.js with respect to other frameworks:
Here, we shall learn how to get started with Vue.js in actual projects:
In this video, you will walk through the steps to create a single-page application with Vue.js
In this video, you will learn all about working with templates in Vue.js:
In this video, you shall be working with Vue.js events:
Here, you shall learn to create and work with forms in Vue.js:
In this video, you will learn to use vue-resource, and create AJAX requests. Additionally, you will also learn to use interceptors:
In this video, you will learn all about Vue.js components, and use them to build highly efficient applications:
In this video, you shall be introduced to Vue.js props, which help facilitate parent components to pass data down to the child components Here, you will:
In this video, you will learn to create custom events in Vue.js,that enable us to communicate between parent and child components :
In this video, you will learn about slots in Vue.js. There are 2 types of slots in Vue.js that you will learn about:
In this video, you will be learning about the Vue.js application structure. Here, you will be getting started with building a real-life, complex Vue.js application.
Here, you shall continue to develop your Vue.js application. You will:
In this video, you will finally proceed to building component logic in your application. By now, you would have already defined all your components and structured your application.
In this video, you will start with learning about the structure of a Vue.js directive. Then, you will study about some common Vue.js directives and their usage.
Directive hook functions are functions that can be hooked into at various points during the lifecycle of a directive. In this video, you will learn a number of such functions, as well as learn to use them in a Vue.js application:
In this video, you will learn about modifiers in Vue.js. As introduced earlier, modifiers extend the functionality of directives, and provide a great help to developers while creating Vue.js applications. Here, you will:
In this video, you will start with learning how to use vue-cli to get started with building Vue.js applications. Here, you will:
In this video, you will be learning about vue-router, which helps us to create routes in Vue.js.
In this video, you will learn about route matching, which is nothing but a defined route pointing to a specific URL. Here, you will
In this video, you will learn how to programmatically navigate to different pages from your current component.
Here, you shall learn to secure your application from unauthorized access using navigation guards. You will:
We will be using the Vue CLI Bootstrap setup as testing comes built-in. In this video, we will look at:
We take a simple progress bar element as a sample and get started with writing tests for this element. This video covers:
Packt has been committed to developer learning since 2004. A lot has changed in software since then - but Packt has remained responsive to these changes, continuing to look forward at the trends and tools defining the way we work and live. And how to put them to work.
With an extensive library of content - more than 4000 books and video courses -Packt's mission is to help developers stay relevant in a rapidly changing world. From new web frameworks and programming languages, to cutting edge data analytics, and DevOps, Packt takes software professionals in every field to what's important to them now.
From skills that will help you to develop and future proof your career to immediate solutions to every day tech challenges, Packt is a go-to resource to make you a better, smarter developer.
Packt Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.