Gain insights into TypeScript types, interfaces, classes, generics, and asynchronous programming. Explore Angular, React, Vue for web development, and learn to build web servers using Express and AWS.
4.6
212 Lessons
48h
Updated 5 months ago
Join 2.9 million developers at
Join 2.9 million developers at
LEARNING OBJECTIVES
- An understanding of common features in TypeScript, object-oriented concepts, generics, and advanced type inferences
- An understanding of asynchronous programming concepts, decorators, and strict compiler options
- Ability to use observables to transform data in TypeScript and Jest unit testing framework to run end-to-end tests
- Build websites with Angular, React, and Vue using TypeScript
- Build an application using an Express web server with code running in Node
- Ability to use AWS libraries to build and deploy a full REST-based API
Learning Roadmap
1.
Before Getting Started
Before Getting Started
Get familiar with why TypeScript is essential and the prerequisites for mastering it.
2.
Introduction
Introduction
Look at TypeScript as an enhancement to JavaScript, enabling strong typing, better error checking, and robust development for complex applications.
3.
Exploring the Type System
Exploring the Type System
18 Lessons
18 Lessons
Break apart TypeScript's type system essentials, including enums, union types, optional chaining, and functions.
4.
Challenge: TypeScript Basics
Challenge: TypeScript Basics
2 Lessons
2 Lessons
Apply your skills to enhance TypeScript code reliability, streamline syntax, and handle errors effectively.
5.
Interfaces in TypeScript
Interfaces in TypeScript
6 Lessons
6 Lessons
Dig deeper into TypeScript interfaces to enhance code quality, define object structures, and ensure type safety.
6.
Classes in TypeScript
Classes in TypeScript
8 Lessons
8 Lessons
Focus on TypeScript classes, constructors, access modifiers, private fields, interfaces, static functions, and namespaces.
7.
Inheritance in TypeScript
Inheritance in TypeScript
8 Lessons
8 Lessons
Build on inheritance concepts, `super` function, method overriding, protected, abstract classes, `instanceof` operator, and interfaces.
8.
Modules in TypeScript
Modules in TypeScript
4 Lessons
4 Lessons
Get familiar with organizing TypeScript code with modules, exports, and namespaces.
9.
Challenge: Interfaces, Classes, Inheritance, and Modules
Challenge: Interfaces, Classes, Inheritance, and Modules
2 Lessons
2 Lessons
Solve challenges with applying TypeScript concepts like interfaces, classes, inheritance, and modules.
10.
Generics in TypeScript
Generics in TypeScript
7 Lessons
7 Lessons
Recognize generics in TypeScript to create reusable, type-safe code and manage constraints.
11.
Advanced Type Inferences in TypeScript
Advanced Type Inferences in TypeScript
7 Lessons
7 Lessons
Grasp the fundamentals of advanced type inferences, including mapped, conditional, and inferred types.
12.
Challenge: Generics and Advanced Type Inferences
Challenge: Generics and Advanced Type Inferences
2 Lessons
2 Lessons
Map out the steps for mastering TypeScript generics through coding challenges and error resolution.
13.
Asynchronous Language Features
Asynchronous Language Features
9 Lessons
9 Lessons
Investigate asynchronous features in JavaScript, including callbacks, Promises, and async/await.
14.
Decorators
Decorators
7 Lessons
7 Lessons
Master the use of TypeScript decorators for modifying classes, properties, methods, and parameters programmatically.
15.
Challenge: Asynchronous Language Features and Decorators
Challenge: Asynchronous Language Features and Decorators
2 Lessons
2 Lessons
Solve problems in asynchronous features and decorators through practical exercises in TypeScript.
16.
Integration with JavaScript
Integration with JavaScript
8 Lessons
8 Lessons
Discover the logic behind integrating TypeScript with JavaScript for improved code management.
17.
Strict Compiler Options
Strict Compiler Options
7 Lessons
7 Lessons
Break apart the crucial TypeScript strict compiler options to enhance code reliability.
18.
Challenge: Strict Compiler Options
Challenge: Strict Compiler Options
2 Lessons
2 Lessons
Enhance your skills in troubleshooting TypeScript errors and enforcing stricter type safety.
19.
Using Observables to Transform Data
Using Observables to Transform Data
10 Lessons
10 Lessons
Take a closer look at mastering RxJS Observables, transformations, error handling, and stream management.
20.
Challenge: Using Observables to Transform Data
Challenge: Using Observables to Transform Data
2 Lessons
2 Lessons
Tackle practical issues with Observables, RxJS imports, error handling, and code robustness.
21.
Test-Driven Development
Test-Driven Development
12 Lessons
12 Lessons
Master the steps to implement TDD with Jest, covering setup, testing strategies, and mock functions.
22.
Challenge: Test-Driven Development
Challenge: Test-Driven Development
2 Lessons
2 Lessons
Solve problems in TypeScript testing, logical errors, and asynchronous timing issues.
23.
Angular
Angular
15 Lessons
15 Lessons
Get started with developing Angular apps, integrating Material UI, and handling services.
24.
Challenge: Angular
Challenge: Angular
2 Lessons
2 Lessons
Lay out a solution for modifying and styling an Angular CLI-generated template application.
25.
React
React
11 Lessons
11 Lessons
Enhance your skills in building React applications with TypeScript, focusing on state, props, and JSX.
26.
Challenge: React
Challenge: React
2 Lessons
2 Lessons
Solve problems in debugging, event handling, and form validation in React applications.
27.
Vue
Vue
13 Lessons
13 Lessons
See how it works to build and integrate TypeScript in Vue applications, culminating in a shopping cart.
28.
Node and Express
Node and Express
10 Lessons
10 Lessons
Build a Node.js web server with Express, manage routes, and handle dynamic configurations.
29.
An AWS Serverless API
An AWS Serverless API
11 Lessons
11 Lessons
Step through AWS serverless API creation using Lambda, SAM CLI, and DynamoDB integration.
30.
Micro Front-Ends
Micro Front-Ends
12 Lessons
12 Lessons
Discover the logic behind micro front-end architecture and communication for scalable applications.
Certificate of Completion
Showcase your accomplishment by sharing your certificate of completion.
Complete more lessons to unlock your certificate
Developed by MAANG Engineers
ABOUT THIS COURSE
TypeScript and its compiler have been a success story and carved out a solid footprint in the JavaScript development community.
You’ll start with exploring the types used in TypeScript and its common features. Next, you’ll learn the object-oriented concepts and capabilities of interfaces, classes, and inheritance. You’ll learn about the generics’ more advanced language feature, advanced type inference using conditional types, type chaining, and type distribution. You’ll also learn asynchronous programming concepts, like callbacks, promises, and async await. You’ll build decorators, take a look at declaration files, learn about strict compiler options, and also handle the streams of events using observables. Finally, you’ll build websites using Angular, React, and Vue, and build a web server using Express and AWS libraries.
By the end of this course, you’ll understand the application frameworks available and being used for specific tasks within the industry and which one to choose for your next project.
ABOUT THE AUTHOR
Packt
A tech learning platform that provides online courses, eBooks, videos, and other resources to help individuals and organizations stay ahead of emerging and popular technologies.
Trusted by 2.9 million developers working at companies
A
Anthony Walker
@_webarchitect_
E
Evan Dunbar
ML Engineer
S
Software Developer
Carlos Matias La Borde
S
Souvik Kundu
Front-end Developer
V
Vinay Krishnaiah
Software Developer
Built for 10x Developers
No Passive Learning
Learn by building with project-based lessons and in-browser code editor
Personalized Roadmaps
The platform adapts to your strengths & skills gaps as you go
Future-proof Your Career
Get hands-on with in-demand skills
AI Code Mentor
Write better code with AI feedback, smart debugging, and "Ask AI"
MAANG+ Interview Prep
AI Mock Interviews simulate every technical loop at top companies
Free Resources
