Typescript training course

Use TypeScript for its static typing, code clarity, and better tooling for large and complex JavaScript applications. Use TypeScript with React for type checking, improved code maintenance, and better collaboration in large and complex React projects.

JBI training course London UK

"I like that we started from basics and we continued through more advanced concepts and we finished with practical usages of TypeScript by building simple React and Node + express app. It really gave me wider understanding of TypeScript as a language but also how it can be used in real life scenarios and problems."

BK, Software Engineer, Typescript, January 2021

Public Courses

03/08/26 - 3 days
£2500 +VAT
Enrol 
14/09/26 - 3 days
£2500 +VAT
Enrol 
26/10/26 - 3 days
£2500 +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
  • Review Modern JavaScript
  • Gain an introduction to TypeScript
  • Install and Prepare a TypeScript Project
  • Discuss Node's functionality and how to install it
  • Explore the React template language and JavaScript-based template language: JSX
  • Manage states in React: set and change the application state
  • Build blocks of modern web applications with components 
  • Utilise Redux State management with pure functions 
  • Explore Developer tools and testing methodes for React, Redux and Jest
  • Create an installable mobile and desktop application with Progressive Web Apps
  • Make your React apps more stable, readable and manageable

 

Here is an overview of Typescript debugging, as would be covered on JBI’s Typescript for React 3 day Training course.

Course Details

Modern JavaScript

•    JavaScript versions
•    working with modules
•    functions and arrow functions
•    classes
•    functional programming in JavaScript (map, filter, ...)
•    What are Vue.js and Angular

TypeScript

•    Introduction
•    Installing TypeScript
•    Preparing a TypeScript Project
•    Understanding Typing, Variables, and Functions
•    Working with Classes and Interfaces
•    Organizing Your Code with Namespaces
•    Reusing Code through Modules
•    Compiling, Testing and Running TypeScript
•    Debugging TypeScript

Introduction / Overview to Node

•    What is Node
•    Installing node
•    Introduction to npm
•    How to use node in an app

React template language

•    JavaScript-based template language: JSX
•    setting element properties
•    repeating elements
•    if / else
•    events
•    CSS classes and styles

Managing state in React
•    setting and changing the application state
•    using the state hook and setState
•    capturing the content of input elements in the state

Components: Building blocks of modern web applications
•    defining custom HTML tags in React
•    state, props & events
•    data flow between components
•    function components and class components
•    using hooks in function components
•    component lifecycle events (mount, update, unmount)
•    including predefined components from a library

State management with Redux
•    Redux basics: state mangment with pure functions, reducers and immutable data
•    using the reducer hook in React

 

Cont..

•    integrating Redux into a React application
•    presentational and container components
•    the Redux ecosystem

•    fetching data from a REST API


Developer tools and testing


•    React developer tools
•    Redux developer tools
•    Testing JavaScript with Jest
•    Testing reducers
•    Testing React components


React Router


•    client-side routing
•    displaying different views based on the current browser route

App development with React
•    short overview of React Native
•    creating an installable mobile and desktop application with Progressive Web Apps
•    comparison of Progressive Web Apps and native apps

 

JBI training course London UK

Front End Developers, team leads and architects involved in Javascript (or similar) software Development

 

 

5 star

4.8 out of 5 average

"I like that we started from basics and we continued through more advanced concepts and we finished with practical usages of TypeScript by building simple React and Node + express app. It really gave me wider understanding of TypeScript as a language but also how it can be used in real life scenarios and problems."

BK, Software Engineer, Typescript, January 2021

 

Typescript training – a hands-on immersive workshop. 

An overview of Typescript debugging, as would be covered on JBI’s Typescript for React 3 day Training course. 

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

This Typescript training course looks at how TypeScript and React can be used for creating single page applications in JavaScript and HTML. We also have a brief look at Angular and Vue.js. By the end of this course participants will be able to build applications of various complexity with React while adhering to best practices.

JBI run public Micro Frontends  courses in London and custom onsite Micro Frontends training at your UK or worldwide offices.

We can make our custom Micro Frontends training even more engaging and relevant by encouraging delegates to use their own corporate data .
 

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