Typescript - Beyond the Basics training course

Make the most of Typescript with expert led best practices & tips for real world use

JBI training course London UK

"A very useful course and although a little fast for me I got out what I need and have a very strong conceptual understanding. Type declarations and  generics were particularly useful. Thanks to Matt who was awesome in his knowledge and patient with his students."

TC, Database Architect, Typescript advanced, May 2021

Public Courses

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

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

  • Introduction to TypeScript - Installation - Configuration - Compiling Typescript
  • Basic Types
  • claration Merging - Functions and Literal Types
  • Tuples, Enums, Classes and Generics
  • Further Typing
  • Classes
  • Tips and Tricks
  • Modules and Namespaces
  • Generics
  • Working with TypeScript
  • Configuration and project structure
  • Async Patterns in TS
  • ES2015-2020 TypeScript features
  • Type Declarations
  • Advanced Type

 

A short Typescript debugging video from Typescript training course: 

 Introduction to TypeScript

- Installation
- Configuration
- Compiling Typescript

  • Installation and plain usage

  • Project Setup

  • Testing

  • Babel integration

  • Babel two-step compile

  • Compiler options and optimisations

  • Linting config

  • Upgrade paths

- Basic Types

  • String, Number and Array types

  • Null and Undefined

  • Any, Never, Unknown, Void

  • Enums

  • Objects

- Declaration Merging
- Functions and Literal Types

  • Interfaces vs. Literal Types

  • Required, optional and readonly

  • Function Overloading

- Unions and Intersection Types

  • Building types with Unions

  • Unions vs. Enums

  • Extending types with intersections

- Tuples, Enums, Classes and Generics

Tuples (TS 4.0 only)

  • Labeled

  • Variadic

Further Typing

  • Type Guards

  • Index & Mapped Types

  • Conditional Types

  • The typeof Operator

  • Usage of typeof in React state management

  • Usage of instanceof

  • Nullable types and optional chaining (Elvis Operator)

Classes

  • Public, private and protected members

  • Practical Limitations of JavaScript

  • Implements and extends

  • Accessors

  • Static properties

  • Abstract classes

  • Tips and Tricks

Modules and Namespaces

  • Modules

  • Namespaces

Generics

  • Generic functions

  • Generics in a constructor signature

•    Declaration files
•    Interacting with external libraries
•    Definitely typed
•    Creating declarations
•    Testing Strategies
•    ES6 topics - as requested

•    Polymorphism, overloading and Inference

Utility Types and helpful keywords
•    Partial
•    Record
•    Pick
•    Omit
•    Exclude
•    Extract

Working with TypeScript

  • TypeScript in JavaScript projects

  • Migration from JS to TS

  • Project configuration TsConfig.json

  • Unit Testing with TypeScript and Jest

  • Mocking and stubbing with types

Configuration and project structure

  • Modules and Module Resolution

  • Namespaces and Modules

  • Module interoperability

  • React / JSX features in TypeScript

  • Usage with Webpack

  • Source Maps and Declaration files

  • Strict options and strict mode

  • Decorators and metadata

Async Patterns in TS

  • - Callbacks, Promises

  • - Async Await

  • - Iterators and Generators

ES2015-2020 TypeScript features

  • Classes and inheritance in ES vs TS

  • Functional programming patterns

  • Multi-Inheritance and mixins

  • Spread, destructuring and inference

  • Optional Chaining

  • Nullish Coalescing

  • short-circuit assignment operators

Type Declarations

  • Ambient types

  • Declarations files

  • DefinitelyTyped, types and type roots

  • References, Triple-Slash Directives

  • Type Compatibility

Advanced Types

  • Type Guards, type assertions and Differentiating Types

  • User-Defined Type Guards

  • Using the in, typeof and instanceof operators

  • Nullable types vs optional parameters and properties

  • Interfaces vs. Type Aliases

  • Enum Member Types

  • Polymorphic this types

  • Index types and index signatures

  • Mapped types and Inference from mapped types

  • Unknown, Any, Never

  • Conditional Types

 

JBI training course London UK

The course assumes delegates already have a good working knowledge of Javascript and that they also have some exposure to Typescript.


5 star

4.8 out of 5 average

"A very useful course and although a little fast for me I got out what I need and have a very strong conceptual understanding. Type declarations and  generics were particularly useful. Thanks to Matt who was awesome in his knowledge and patient with his students."

TC, Database Architect, Typescript advanced, May 2021

 

Watch live client feedback from jbi training courses

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.
 



The course assumes delegates already have a good working knowledge of Javascript and that they also have some exposure to Typescript.

We aim to recap on the basics and move on to cover best practice in using Typescript on a day-to-day basis.

TypeScript is JavaScript plus optional strong typing. This course treats TypeScript as it was meant to be treated, as a JavaScript augmentation, rather than an attempt to fix a broken language. We will look at practical migration pathways, and understand how you can use it to increase your velocity in complex projects, without abandoning the core principles that make JavaScript great.

If required, we will cover Object-Oriented and Functional topics and will see how TypeScript can help us be faster, more productive, and more accurate in a variety of code forms.

This is a practical course and we will be writing code throughout. Taught segments will be interspersed with freeform exercises and Q&A.

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