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

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