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
- LAB: Vue Fundamentals
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
- LAB: Data Binding in Vue
ViewModel in Vue
Vue uses MVVM as a pattern, this involves using ViewModels as a binding layer between your models and views. In
this module we'll learn the ins and outs of how to use ViewModels.
- Adding Interactivity
- Computed Properties
- LAB: ViewModel in Vue
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
- LAB: Using Components
Services are a great way to encapsulate behaviour that doesn't belong in the component. They could contain business logic, server interaction logic, etc... In this chapter we'll learn how to use them, and how to provide and inject them into your application.
- What are Services?
- Provide / Inject
- LAB: Writing Services
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
- LAB: Talking to the Server
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
Composition and Reusability
Vue provides a couple of mechanisms to prevent duplicate code. In this module we'll take a look at your best options.
- Composition API
- LAB: Composition and Reusability
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.