Advanced TypeScript Concepts
1h 55mAdvanced2024-08-20
Authors
Maaike van Putten
Trainer and Developer for Java, Python, Spring Boot, and More
Course details
As TypeScript becomes increasingly important in both front-end and back-end development, understanding how to use its advanced features is quickly turning into an essential skill. Are you ready to take your skills to the next level to start writing better, faster, cleaner code? Join tech educator and developer Maaike van Putten as she shows you how to leverage the full power of TypeScript, going beyond its basic syntax and common usage. Maaike offers an in-depth exploration of several advanced concepts, including generics, advanced types, function overloading, sophisticated type manipulation, advanced modularization techniques, decorators and metadata, and build tool integration and optimization. By the end of this course, you’ll be equipped with the skills and know-how required to start writing code in TypeScript with an expert-level proficiency.
Skills covered
TypeScriptWeb Development ToolsFront-End Web DevelopmentWeb DevelopmentProgramming LanguagesOpen SourceSoftware DevelopmentOne-Off
Concepts
0. Introduction
- 01 - Why should you leverage advanced TypeScript
- 02 - How to use Codespaces
1. Working with Generics
- 03 - Generics
- 04 - Advanced generic patterns
- 05 - Design patterns with generics
- 06 - Challenge - Let's get it sorted
- 07 - Solution - Let's get it sorted
2. Advanced Types
- 08 - Utility types
- 09 - Mapped types
- 10 - Conditional types
- 11 - Template literal types
- 12 - Challenge - Advanced typing
- 13 - Solution - Advanced typing
3. Understand Function Overloading
- 14 - Function overloading
- 15 - Practical use case for function overloading
- 16 - Challenge - Function overload
- 17 - Solution - Function overload
4. Sophisticated Type Manipulation
- 18 - Type guards and discriminated unions
- 19 - Using type assertion
- 20 - The unknown explained
- 21 - Challenge - Processing data
- 22 - Solution - Processing data
5. Advanced Modularization Techniques
- 23 - Namespaces vs. modules
- 24 - Dynamic import expressions
- 25 - Challenge - Modularize
- 26 - Solution - Modularize
6. Decorators and Metadata Reflection
- 27 - Understanding decorators
- 28 - Reflection and metadata
- 29 - Challenge - Creating decorators
- 30 - Solution - Creating decorators
7. TypeScript and the Build Process
- 31 - Integrating with build tool Webpack
- 32 - Optimizing TypeScript for production
- 33 - Challenge - Optimizing an app
- 34 - Solution - Optimizing an app
Conclusion
- 35 - What's next