Mainmatter Workshop: Practical TypeScript

Duration & location

The workshop takes place from September 15th to 18th, 14:00 to 18:00 CEST each.

The workshop is run completely online and remote.

Number of participants

To ensure the highest quality, we accept up to 30 participants.

For whom?

The workshop is designed for software developers who have a general understanding of JavaScript and want to level up on TypeScript.

Prerequisites

We will send a detailed list of instructions for preparation, including the installation of tools, etc. Additionally, we will share a Github project with workshop materials. This information will be provided closer to the workshop date.

Workshop Contents

1. TypeScript Fundamentals:We'll start with understanding what TypeScript is and why it's valuable, covering basic syntax, type annotations, and the development workflow with TypeScript tooling.
2. Basic Types and Type System: Deep dive into TypeScript's type system including primitives, objects, arrays, functions, and classes. We'll cover type inference and when explicit annotations are needed.
3. Unions and Type Narrowing: Learn to combine types with unions, work with literal types and template literals, and master type narrowing techniques including type guards and discriminated unions.
4. Intersections and Interfaces: Understand type intersections, the differences between types and interfaces, interface merging, and best practices for structuring complex type definitions.
5. Utility Types and Dynamic Keys: Explore TypeScript's built-in utility types like Pick, Omit, Partial, and Record. Learn to work with dynamic object keys and index signatures.
6. Classes and Object-Oriented Features:Cover TypeScript's class syntax, constructor shortcuts, access modifiers, inheritance, and TypeScript-specific features like parameter properties and enums.
7. Advanced Type Manipulation: Master keyof, typeof, index access types, and techniques for deriving types from existing structures to build more maintainable codebases.
8. Generics and Generic Constraints:Learn to write reusable, type-safe code with generics, including generic functions, constraints, default type parameters, and advanced patterns like mapped types.
9. Conditional Types and Advanced Patterns: Explore conditional types, the infer keyword, branded types, and advanced TypeScript patterns used in real-world applications and popular libraries.
10. Configuration and Best Practices: Review TypeScript configuration options, declaration files, JSDoc integration, and best practices for organizing and maintaining TypeScript projects at scale.

Workshop facilitator

Paolo Ricciuti is a huge nerd, Senior Engineering Consultant at Mainmatter and our in-house Svelte expert. Paolo is also a maintainer of the Svelte project and one of the creators of sveltelab.dev - a REPL for SvelteKit.

About Mainmatter

Mainmatter is an engineering consultancy that helps teams leverage new technology and ship ambitious web projects. We offer strategic advice, training, and team reinforcement.