Vue.js Training Course

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...

Live, instructor-led online and on-site training

We appreciate that you need flexibility to fit in with new working situations - whether you're an individual, part of a distributed team, or simply have projects and deadlines to meet. 

Our remote training can take place online in a virtual classroom, with content split into modules to accommodate your scheduling challenges and meet your learning goals. Get in touch today to find out how we can help design a cost-effective, flexible training solution.

As soon as it's safe, we'll return to also offering the on-site custom training courses and programmes upon which we've built our reputation.

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