Vue.js Training Course

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

Standard duration: 4 Days
Email course link

Customise this course for your team

We can tailor your syllabus to take into account your group's current skills, technology stack, and specific learning goals - as part of a wider training programme or as a standalone workshop.

Enquire now to find out about our cost-effective options:

"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

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

React Training Course
PD, Software Consultant
Ab Initio

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

React Training Course
BS, Developer
ITG

"Great overall, asolutely no complaints!"

React Training Course
CC, Software Developer
ActiveViam

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

React Training Course
LM, Front-end developer
ITG

About the course:

Our instructor-led Vue.js training course will give you practical experience building modern JavaScript apps using this lightweight, progressive framework.

Vue gives you control about what functionality actually gets included, giving you the opportunity to write extremely lightweight web apps, scaling up to much more complex deployments as required.

Hands-on labs will take you through obtaining and installing Vue.js to building and deploying a working application.

We're very happy to discuss your specific project requirements if you are looking to explore options for a customised Vue course - our standard course looks at Vue 3, for instance, but if you are supporting an existing Vue 2 application we can cover the topics relevant to that version.

Express Vue.js training option:

Let us know if you are interested in an on-demand condensed 2-day intensive workshop to get up to speed with the core Vue functionality (suitable for experienced web developers).

Trusted by:

In a nutshell Who should attend Flexible training Course syllabus

Learning outcomes

Describe the advantages of the Vue.js framework
Work with Vue.js directives
Build composed-based apps
Add routing to a Vue.js application
Isolate state using Vuex
Write code to test your Vuex project
Be aware of related technologies including TypeScript and Nuxt

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

This Vue js course is available for private / custom delivery for your team - face-to-face, on-site at your location of choice, or remotely via MS Teams, Zoom or your own platform - get in touch to find out how we can deliver tailored training which focuses on your project requirements and learning goals.

Vue.js Fundamentals

Creating a Vue instance
Understanding interpolation
Using Vue directives in the view.
Iteration over data using v-for
Conditional styling
Filters
Performance advantages of computed properties

Components

Component composition
Working with Fetch or Axios to get data from an API
Passing props into components
Defining unique keys for component instances.
Changing props passed into components
Emitting and listening for custom events.
Dynamic components and lazy loading

Forms

Working with form controls and 2-way bindings
Persisting state with a localStorage mixin

Routing

Defining routes
Router lifecycle-events
Lazy loading of routes
Router guards.
Programmatic navigation

State management with Vuex

Isolating state with Vuex
Define the store and its state.
Using commit with sync mutations
Using dispatch with async actions

Unit Testing

Writing assertions
Grouping tests with it and describe
Working with vue-test-utils and the DOM
Testing a Vuex store

Vue application development

Working with Typescript and Vue.js
Building apps with the Nuxt.js framework
Modifying Vue behaviour with Plugins
Loosely coupled communication with an Event Bus

Public Courses Dates and Rates

Standard duration: 4 Days

Please get in touch for pricing and availability.

Interested in this course?

If you want to explore how you can tailor this course for your organisation, want to sign up for our newsletter, or have any other questions then please speak to us on 020 3137 3920 or get in touch using this form.

This form requires javaScript to work, please email us at webenquiries@frameworktraining.co.uk if you do not have it enabled.

Get in touch

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

Ready to take your skills to the next level?