Vue.js Training Course

Learn to build lightweight, responsive web apps with Vue.js

Course Overview

Code: VUE1

Dates & Rates

27th Jan 2020 - £1995.00 London - Cheapside107 Cheapside, London, EC2V 6DN
27th Apr 2020 - £1995.00 London - Cheapside107 Cheapside, London, EC2V 6DN
7th Sep 2020 - £1995.00 London - Cheapside107 Cheapside, London, EC2V 6DN

All prices are excluding VAT.

Location

London - Cheapside

Duration

4 Days

Looking for a cost effective solution that adds business value?

Our Vue.js training course will take you through the key steps of obtaining, installing, configuring, developing and deploying your first Vue.js web application.

If you're used to developing apps on another platform such as Java Spring, ASP.NET MVC, or Angular, you'll be able to pick Vue up no problem.

The Vue JavaScript framework was brought to life by Evan You, who had previously worked on platforms such as AngularJS at Google. Vue gives you control about what functionality actually gets included, giving you the opportunity to write extremely lightweight web apps and SPAs, right through to much more complex deployments depending on how you configure your project.

If you need to focus on a set of features based on a specific use case or business requirement, or perhaps looking to get your whole team cross-skilled from another platform, give us a call or drop us a line if you would like to discuss a cost-effective and highly relevant custom on-site Vue.js workshop.

In a nutshell Who should attend On-site Course syllabus

By the end of this course, you will have learnt how to:

Obtain and install Vue.js and Vue Devtools
Utilise data binding
Create and manipulate lists
Handle events with listeners
Bind Attributes and Classes
Build Components and work with Slots
Work with AJAX using Axios
Test and deploy your application

Who should attend

Our Vue.js training course is aimed at Web Developers who want to use the framework to its fullest potential, in order to develop, test and deploy web apps and Single-Page Applications using Vue.js and related technologies.

Prerequisites

Delegates will ideally have working experience of web development with HTML and JavaScript / ECMAScript, or be proficient in a language such as C#, Java, PHP, Python...

On-site

If you are interested in custom / on-site Vue.js training for any size of team, please get in touch. We can look at your existing technical skills, project requirements and project deadlines and put together a syllabus focused on your business requirements.

Vue.js Fundamentals

How did we get here
Vue.js Architecture
Vue.js Devtools

Templates and Viewmodels

Template Syntax
Interpolation
Filters
Shorthands
JavaScript Expressions refresher
Watchers
HTML class bindings
Inline styles and when to use them
Rendering considerations

Vue.js Instances

What is a Vue.js Instance?
Setting up an instance
Dealing with multiple instances
Data and Methods

Vue.js Templates

Interpolation
Property Binding
Attribute, Class, and Style Binding
Event Binding
Additional techniques

Event Handling in Vue.js

Event Listeners
Event handlers
Modifiers

Vue.js Data Binding

Creating a simple form
Using V-model
2-way data binding
Processing and submitting a form

Getting Data: Lists and Filters in Vue.js

Lists and Arrays
Organising data with Filters
Filter types - Local, Global
Chaining Filters
Fetching from and Posting to an API
Work with AJAX data and Promises using Axios

Reusable Vue.js Components

The power of Components
Component Architecture
Registering Components
Data I/O for Components
Parent to Child Communication
Emitters
Creating and using Mixins
Managing Components

Slots in Vue.js

The benefit of using Slots
Types of Slots - Single, Named, Scoped
Getting your content into Slots

Vue.js Directives

Overview of the available Directives
Hooks
Creating custom Directives
Arguments and values

Vue,js Routing and Navigation

Routing in Vue.js
Choosing the right Routing options
Configuring Routing
Navigation considerations

Vue.js State Management

Overview of State Management
When do you need to consider a state management solution?
Large-scale Single Page Applications
The Vuex state management pattern and library
Understanding State, View and Actions
Getters
Mutations

Unit Testing with Mocha

Obtaining and configuring your testing tools
Assertions
Testable Components
Asynchronous Updates

"Great overall, asolutely no complaints!"

React Training Course
CC, Software Developer
ActiveViam

"Fantastic course and great instructor! Exercises were very well structured"

React Training Course
PD, Software Consultant
Ab Initio

"Instructor had a good teaching style that made it easy to learn."

React Training Course
LM, Front-end developer
ITG

"Liked the way we covered basics and moved onto more complex topics, with worked examples. Covered all the topics we needed to. John delivers the course very well and we all could follow easily."

React Training Course
CJ, Principal Consultant
ActiveViam

"Well structured course - "Best Practices" have been useful"

React Training Course
BS, Developer
ITG

We would love to hear from you

Speak to us on 020 3137 3920 or get in touch below

We use cookies on our website to provide you with the best user experience. If you're happy with this please continue to use the site as normal.
For more information please see our Privacy Policy.

I understand