Introduction to Vue
In this module you'll see what Vue is all about and why it is so important in modern web development.
- The Evolution of Web Development
- Components Everywhere
- Vue Tools and Ecosystem
We'll get started by looking at how a Vue application is structured, and what it does. Then we'll
learn about the basics of components.
- Vue App Structure
- The Vue Instance
- Component Basics
- LifeCycle Hooks
a view without creating a strong dependency between the two. This results into more flexible, testable and
- The Importance of Binding
- Event Handling
- Conditionals and Loops
- Computed Properties and Watchers
- Class and Style Bindings
In this module we'll dive a bit deeper into Components. You'll learn how to create a hierarchy of components and
how to communicate between them.
- Using Multiple Components
- Passing Data with Props
- Emitting Events
- Content Slots
Working with Forms
Forms are essential to any app that allows you to manage data. You need to do more than just data binding. You
need validation, automatic formatting, respond to data changes a so on. That's what this module is all about.
- One-Way Data Flow
- Form Input Bindings
- Value Bindings and Modifiers
- Data Validation
Talking to the Server
Single Page applications are great! But where do they get their data? In this module, we'll explore how you can
access a backend from Vue, and how to implement handy features like caching and lazy loading
- Fetch API
- Where and When to Fetch Data?
- Loading and Error Indicators
Instead of hopping from one page to the next, you can design your website as a Single Page Application. This
makes your website feel and perform more like an application. SPAs have many advantages but are usually
difficult to implement. This module will teach about the constructs available in Vue to build a SPA.
- Vue Router Library
- Routing Directives
- Routing Configuration
- Nested Routes
- Navigation Guards
For many modern web developers, React and Angular are the frameworks they resort to. But are they really the
best? Or are Facebook and Google simply good at advertisement? Vue.js (or simply Vue) is a super popular open
source initiative that believes it can do better. Vue aims to be an approachable and progressive framework for
building user interfaces. In this 2-day training developers will learn how to use Vue and its component-based
development to create rich and dynamic websites.
looking for ways to improve their productivity with Vue. The main focus is getting started in the Vue world
with the help of a step by step introduction to the framework.