Vue.js training course

Attend our Vue.js training course and learn to build amazingly fast web apps with this next generation UI framework

JBI training course London UK

"Covered a huge range of subject on Vue.js within three days. Exercises were good and the explanation of how the structure of the framework works was very clear. Very much enjoyed it and learned a lot along the way."

GB, Developer, Vue.JS, June 2021

Public Courses

14/09/26 - 3 days
£1795 +VAT
Enrol 
26/10/26 - 3 days
£1795 +VAT
Enrol 
07/12/26 - 3 days
£1795 +VAT
Enrol 

Customised Courses

* Train a team
* Tailor content
* Flex dates
From £1200 / day
EDF logo Capita logo Sky logo NHS logo RBS logo BBC logo CISCO logo
JBI training course London UK
  • Gain an introduction to Vue.js and use it in a simple web project
  • Learn to build amazingly fast web apps with this next generation UI framework
  • Learn how to install Vue.js
  • Use Vue.js components and files
  • Learn reactive coding to bind data and apply directives
  • Manage states with Vuex
  • Create and use Vue plugins
  • Write e2e and unit tests
  • Deploy and integrate a Vue.js application 

Course Details

Introduction to Vue.js

  • Key terms and concepts
  • Using Vue.js in a simple project
  • Architecture
  • Tooling
  • Vue.js versions

Installing and Using Vue.js

  • MVVM architectural pattern
  • DefineProperty, getters, and setters
  • Creating, using, and debugging a Vue.js application
  • Debugging
  • Scaffolding applications

Understanding and Using Components

  • Explaining components
  • Refactoring a project to use simple components
  • Single-file components
  • Reactive binding CSS transitions

Reactive Coding: Binding Data

  • Data binding
  • Interpolating data
  • Using expressions and filters
  • Applying directives

Managing State with Vuex

  • Parent-child components' communication and events
  • Global state store
  • Installing and using Vuex

Plugins

  • Introducing Vue plugins
  • Using the vue-resource plugin
  • Creating and using a plugin

Testing

  • Unit tests for Vue applications
  • Writing unit tests
  • end- to-end testing
  • Writing e2e tests

Deployment

  • Setting up continuous integration
  • Deploying an application

 

JBI training course London UK
JavaScript Programmers looking to learn Vue.JS
5 star

4.8 out of 5 average

"Covered a huge range of subject on Vue.js within three days. Exercises were good and the explanation of how the structure of the framework works was very clear. Very much enjoyed it and learned a lot along the way."

GB, Developer, Vue.JS, June 2021



“JBI  did a great job of customizing their syllabus to suit our business  needs and also bringing our team up to speed on the current best practices. Our teams varied widely in terms of experience and  the Instructor handled this particularly well - very impressive”

Brian F, Team Lead, RBS, Data Analysis Course, 20 April 2022

 

 

JBI training course London UK

Certification


Every delegate will be entitled to a certificate of achievement on completion of the course.

If you are missing your certificate - please use the link below to apply - you can also use this link to sign up for the JBI Training newsletter to receive technology tips directly from our instructors - Analytics, AI, ML, DevOps, Web, Backend and Security.
 



More about this course

Our Vue.js training course will help you master this progressive UI framework, designed from the ground up to be incrementally adoptable.
 
 The course covers all the fundamentals introducing you to terms, concepts, architecture and tooling before walking you through the install. You also learn about debugging, components and plugins along with how to code, test and deploy your Vue.js applications. 

The course uses a lab-focused workshop style and is designed to help you master Vue.js. It will teach you how to integrate with other libraries or existing projects, and how to power sophisticated Single-Page Applications  (SPA) in combination with modern tooling and supporting libraries.

It is a hands-on course with high practical content, and you will be able to take examples away with you that you worked on during the course. 

FAQs

JBI Training offers a comprehensive range of modern web and front-end development courses covering the leading frameworks, languages, and tools used in professional web development today. Available courses include React (three days), React Native (three days), Angular (three days), Angular Beyond the Basics (two days), Angular Through the Eyes of an Architect (three days), Vue.js (three days), Svelte.js (three days), TypeScript (three days), TypeScript Beyond the Basics (three days), Blazor (three days), Blazor Essentials (two days), .NET Aspire (one day), WebAssembly (two days), Micro Frontends (two days), Ionic (five days), JavaScript with Node Beyond the Basics (two days), JavaScript D3 (four days), Clean Code with JavaScript (two days), Clean Code with JavaScript and Node (two days), HTML5 Coding (three days), and Coding for Non-Coders (two days). All courses are available as scheduled classroom sessions in London, as live online instructor-led training, or as customised onsite programmes for development teams.
React is an open-source JavaScript library developed and maintained by Meta (formerly Facebook) for building fast, interactive user interfaces. It uses a component-based architecture, a virtual DOM for efficient rendering, and a one-way data flow model that makes complex UIs more predictable and easier to maintain. React is the most widely used front-end library globally and is used by organisations of all sizes for building web applications, single-page applications, and progressive web apps. JBI's three-day React course covers React fundamentals, components and props, state management with hooks, the React component lifecycle, routing with React Router, managing application state, working with APIs, and testing React applications. It is suitable for JavaScript developers who want to build modern, component-based web applications.
Angular, React, and Vue.js are the three dominant technologies for building modern front-end web applications, but they differ in scope and approach. Angular is a full framework developed and maintained by Google — it provides a complete, opinionated solution including routing, forms, HTTP client, dependency injection, and a CLI, making it particularly well-suited to large-scale enterprise applications. React is a library focused specifically on the UI layer, giving developers more flexibility to choose their own tools for routing, state management, and other concerns — it has the largest ecosystem and community of the three. Vue.js is a progressive framework that sits between Angular and React in terms of structure — it is approachable for beginners, incrementally adoptable, and used widely in Asia and in medium-sized web projects. JBI offers training in all three technologies.
TypeScript is a strongly typed superset of JavaScript developed and maintained by Microsoft. It adds optional static typing, interfaces, generics, and advanced object-oriented features to JavaScript, and compiles down to standard JavaScript that runs in any browser or Node.js environment. TypeScript is widely adopted in professional web development because it catches errors at compile time rather than at runtime, improves code readability and maintainability, enables better IDE support with autocompletion and refactoring tools, and scales well in large codebases and teams. It is the default language for Angular development and is increasingly used with React and Vue.js. JBI offers both an introductory TypeScript course and a TypeScript Beyond the Basics course for developers who want to advance their TypeScript skills further.
Blazor is a Microsoft web framework that allows developers to build interactive web UIs using C# and .NET instead of JavaScript. It comes in two hosting models: Blazor Server, which runs the application logic on the server and updates the UI over a SignalR connection, and Blazor WebAssembly, which runs the .NET application directly in the browser via WebAssembly. Blazor is particularly appealing to .NET and C# developers who want to build full-stack web applications without switching to a JavaScript framework. JBI offers two Blazor courses: the three-day Blazor course covering both hosting models in depth, and the two-day Blazor Essentials course which provides a focused introduction to the core concepts. Both courses are suited to .NET developers who want to extend their skills to the web front-end.
WebAssembly (often abbreviated as Wasm) is a binary instruction format that runs in modern web browsers at near-native performance speeds. It allows code written in languages such as C, C++, Rust, and Go to be compiled and executed in the browser, enabling computationally intensive applications — such as video processing, 3D rendering, data analysis, and gaming — to run efficiently on the web without plugins. WebAssembly is also used outside the browser in server-side and edge computing contexts. JBI's two-day WebAssembly course covers the fundamentals of WebAssembly, how it integrates with JavaScript, compiling C, C++, and Rust to WebAssembly, the WebAssembly System Interface (WASI), and practical use cases for WebAssembly in modern web and cloud applications. It is suited to developers who want to understand how WebAssembly works and how to apply it in real projects.
Micro Frontends is an architectural pattern that applies microservices thinking to front-end development — breaking a large web application into smaller, independently deployable front-end applications that can be developed, tested, and deployed by separate teams. Each micro frontend owns a specific section of the user interface and can be built using different frameworks or technologies if needed. JBI's two-day Micro Frontends course covers the principles and patterns of micro frontend architecture, the main implementation approaches — including module federation with Webpack, iframes, web components, and server-side composition — the trade-offs between approaches, and practical considerations for teams adopting micro frontends in real applications. It is suited to front-end architects, senior developers, and technical leads working on large-scale web applications.
Svelte is a modern JavaScript framework for building web user interfaces that takes a fundamentally different approach from React and Vue. While React and Vue do their work in the browser at runtime using a virtual DOM, Svelte shifts that work to compile time — it compiles components into highly optimised vanilla JavaScript during the build process, resulting in smaller bundle sizes and faster runtime performance with no framework overhead in the browser. Svelte has gained significant adoption for its simplicity, performance, and developer-friendly syntax. JBI's three-day Svelte.js course covers Svelte fundamentals, component design, reactivity, stores for state management, transitions and animations, routing with SvelteKit, and building production Svelte applications. It is suited to JavaScript developers who want to explore an alternative to the dominant React and Vue ecosystem.
.NET Aspire is a Microsoft framework introduced to simplify the development, orchestration, and deployment of cloud-native distributed applications built on .NET. It provides a consistent set of tools and patterns for building applications composed of multiple services — such as APIs, databases, caches, and message queues — and makes it easier to configure, run, and observe these services during development and in production. JBI's one-day .NET Aspire course covers the core concepts of .NET Aspire, its application model and orchestration capabilities, integrating common cloud services and infrastructure components, observability and telemetry, and how .NET Aspire fits into the broader .NET and Azure ecosystem. It is suited to .NET developers and architects who are building or moving toward cloud-native distributed application architectures.
React Native is a framework developed by Meta that uses React's component model and JavaScript to build native mobile applications for iOS and Android — not web applications running in a mobile browser, but genuine native apps that use platform-specific UI components. React developers can transfer a large amount of their existing knowledge to React Native, making it an efficient path into mobile development for teams already using React for web. JBI's three-day React Native course covers the React Native architecture, building and styling native components, navigation, working with device APIs, state management, and publishing to the App Store and Google Play. It is suited to React developers and JavaScript engineers who want to extend their skills to mobile application development.
Yes. The modern web development landscape evolves rapidly — with regular major releases from React, Angular, Vue, TypeScript, and other frameworks — and JBI's training content is continuously reviewed and updated to reflect the latest stable versions and current best practices. This includes updates to React's concurrent rendering features and server components, Angular's standalone components model and signals, Vue 3 composition API patterns, TypeScript language updates, and the latest developments in WebAssembly and Micro Frontends architecture. Delegates learn skills that are current and applicable to the versions of these technologies used in professional front-end development today.

CONTACT
+44 (0)20 8446 7555

[email protected]

 

Copyright © 2026 JBI Training. All Rights Reserved.
JB International Training Ltd  -  Company Registration Number: 08458005
Registered Address: Wohl Enterprise Hub, 2B Redbourne Avenue, London, N3 2BS

Modern Slavery Statement & Corporate Policies | Terms & Conditions | Contact Us

POPULAR

AI training courses                                                                        CoPilot training course

Threat modelling training course   Python for data analysts training course

Power BI training course                                   Machine Learning training course

Spring Boot Microservices training course              Terraform training course

Data Storytelling training course                                               C++ training course

Power Automate training course                               Clean Code training course