Find the perfect coding resourcesLearn more

Learn TypeScript

ScrimbaScrimba
Recommended
Meet Your Instructor
Bob Ziroll avatar

Bob Ziroll

Instructor

Head of Education at Scrimba. Passionate about learning and helping others achieve their career goals. Enjoys tennis, woodworking, and spending time with family.

2h 54m

Completion

Certificate included

Format

Interactive coding

Free

What You'll Learn

Basic types and type annotations

Literal types for specific value constraints

Custom types and interfaces for data structures

Typed arrays and nested objects

Optional properties in TypeScript

Overview

This course introduces you to the essential building blocks of TypeScript through a hands-on approach—developing a simple pizza restaurant order fulfillment system. Via compile-time checking, TypeScript identifies potential bugs before running the code, allowing you to fix issues proactively and prevent crashes in your programs. The result is a smoother, more reliable development process. You'll gain a clear understanding of TypeScript's key advantages over JavaScript, learning how its type system helps catch errors early and prevent bugs before they happen. While TypeScript requires an initial investment in time and effort, the long-term benefits in code reliability and maintainability make it well worth it. By providing a strong typing system and modern tooling support, TypeScript also provides a robust development environment. This makes it easier to refactor code, manage large codebases, and collaborate with other developers.

Table of Contents
1
Introduction6:09
2
Intro to Pizza app10:08
3
Move code to TS3:06
4
Defensive coding4:34
5
Obligatory types basics lesson3:50
6
Add type to orderId1:23
7
Defining Custom Types3:46
8
Adding a Pizza type4:13
9
Nested object types5:12
10
Optional properties2:41
11
Adding an Order type1:19
12
Typing arrays4:37
13
Type orderQueue4:10
14
Literal types2:40
15
Unions2:58
16
Update order status to use literal type unions2:59
17
Add ids to pizzas2:38
18
Type Narrowing4:56
19
Be explicit whenever you can2:11
20
Function return types2:57
21
Void return type1:55
22
TS-specific types: any2:52
23
Add return type to getPizzaDetail3:19
24
Add automatic ids to menu items4:19
25
Utility Types & Partial7:04
26
Omit Utility Type7:00
27
Fix TS warnings with Omit4:07
28
Generics7:21
29
Generic functions in the pizza restaurant3:23
30
Explicitly type generic function calls4:22
31
Conclusion... for now1:52
32
Welcome to TypeScript and React!1:33
33
Setting up the React Project3:10
34
TS Refresher - Basic & Custom Types3:27
35
TS Refresher - Functions3:18
36
TS Refresher - A new getRandomIndex() function2:16
37
Typing useState()3:26
38
Typing Derived Values and Arrow Functions2:09
39
Typing App.tsx functions3:21
40
The New Setup1:57
41
Typing React Components2:34
42
JSX Element or null1:34
43
Typing Component Props3:21
44
Custom Component Prop Types1:45
45
The AriaLiveStatus Component Challenge2:16
46
Component Props and Imported Types2:20
47
Element within an Element2:56
48
The WordLetters Component Challenge2:31
49
Typing Function Props2:41
50
The Final Challenge2:48
51
Congrats!1:18
52
Solo project - Typed Tenzies1:57
53
How to Utilize Your Certificate0:56

Share Your Experience

Sign in to leave a review and help others

No reviews yet. Be the first to review!