Up and Running with Vue.js

In this video, you will learn all about working with templates in Vue.js:

• Learn Vue.js template syntax
• Directives and filters
• Vue.js shorthand syntax

In this video, you shall be working with Vue.js events:

• Event handling
• Event modifiers
• The v-on directive

Here, you shall learn to create and work with forms in Vue.js:

• The v-model directive and v-model modifiers
• Various types of form fields 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:

• vue-resource
• AJAX requests with vue-resource
• Configuring interceptors in frontend applications  

In this video, you will learn all about Vue.js components, and use them to build highly efficient applications:

• Learn what are Vue.js components
• Registering components
• Working with components and creating components efficiently 

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:

• Define props
• Learn about dynamic props and one-way data-flow
• Learn to validate your props

In this video, you will learn to create custom events in Vue.js,that enable us to communicate between parent and child components : 

• Vue.js custom events
• Some useful directives in Vue.js 

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:

• Single slots
• Named slots 

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.

• Learn how Vue.js applications are structured
• Plan your application structure 

Here, you shall continue to develop your Vue.js application. You will:

• Learn how to use components to create structured, modular code that is less confusing to debug, while being more concise and effective at the same time. 

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.

• Structure of a directive
• Using directives 

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:

• Understanding directive hook functions.
• Using directive hook functions appropriately 

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:

• Learn what modifiers are
• Using modifiers  

In this video, you will start with learning how to use vue-cli to get started with building Vue.js applications. Here, you will:

• Learn what is vue-cli
• Build Vue.js applications using vue-cli 

In this video, you will be learning about vue-router, which helps us to create routes in Vue.js.

• Get started with vue-router
• 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

• Define routes by creating an array of route objects
• Nested routes
• Setting route properties such as 'path', 'name', and so on

In this video, you will learn how to programmatically navigate to different pages from your current component.

• Automatic navigation to certain page from within your component, i.e auto-routing
• Redirecting to a certain page based on some specified parameters 

Here, you shall learn to secure your application from unauthorized access using navigation guards. You will:

• Learn about the different types of navigation guards in Vue.js
• Use navigation guards to secure your application.

We will be using the Vue CLI Bootstrap setup as testing comes built-in. In this video, we will look at:

• The folder structure
• Learn how to customize the setup based on your environment 

We take a simple progress bar element as a sample and get started with writing tests for this element. This video covers: 

• How to import the prerequisites into the spec file
• How to define the 'describe' and 'it' blocks
• Creating constructor for the component and getting new mounted instances of the components
• Writing basic tests
• Running tests