English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 115 lectures (10h 48m) | 4.76 GB
Use TypeScript like a pro! Quickly learn basic and advanced Typescript and practice it with Node, Express and React!
TypeScript is one of the most loved languages of the moment. How can you learn it properly and go beyond basic examples?
Typescript has reinvented the way we code JavaScript, first of all by adding type safety, but also with many other great features like access modifiers, generics, interfaces, classes, decorators and many others.
Typescript combines the flexibility of modern JavaScript with the power of strongly typed languages like Java or C#, making it a great choice for your full stack app.
Welcome to my course, in which you will learn basic and advanced Typescript and NodeJs by practice. We will not waste much time on presentations or reading the documentation, which you can do yourself, no course needed. Instead we will focus on coding a real, full stack application.
Typescript features covered:
- Installation and and setup inside a npm project
- Basic TypeScript compiler options like sourceDir and Target
- Primitive types, build-in types, advanced types, utility types
- Any vs unknown vs never
- Objects, Interfaces and Classes
- Type aliases, type narrowing optional values, type intersection
- Enums and exhaustive enums in TypeScript
- Abstract classes and inheritance
- Generics and decorators – both old and new (version 2 and 3)
- Advanced types like conditional types, literal types, mapped types
The Advanced TypeScript environment:
- Understand how npm packages work by building and using your own npm package with TypeScript
- Run and analyze TypeScript code on both NodeJs and Browser
- Deeply understand how module bundlers like WebPack and EsBuild work
Practice sessions with NodeJs, Express and React:
- Build from scratch a CRUD application with Node, Express and TypeScript – Rest API
- Understand how Express routing works
- Understand how Express middleware works
- Use ZOD for data validation inside a Node Express app
- Deeply understand how module bundlers like WebPack and EsBuild work
- Build from scratch a UI app with React and TypeScript
- Recap for React state, props and hooks
- Understand how React components work and how to pass data between child/parent components
- Integrate the Express rest API with React
What you’ll learn
- Master the TypeScript type system
- Learn how to install, configure and run TypeScript
- Use special TypeScript types like unknown, any, never
- Learn advanced JavaScript along the way
- Deeply understand advanced TypeScript features like Generics, Mapped types, Decorators
- Use ES modern syntax async/await, import/export
- Learn how to use TypeScript with classes and Object Oriented Programming (OOP)
- TypeScript with Express and React
- Practice special TypeScript types like Records, mapped types, optional, literal and other utility types
- Learn npm, async programming and the ES module system
- Learn about module bundlers like Webpack and ESbuild
- Build and consume a REST api with Express and React
Table of Contents
Getting started
1 Welcome and how it works
2 Let’s connect!
3 How to get help
4 Course resources access
5 Tools we will need
6 TypeScript program lifecycle
7 First TypeScript program
8 Compiler options
Introduction to types
9 Section intro
10 Primitive types
11 Arrays and tuples
12 Functions
13 Any vs Unknown
14 Type aliases
15 Practice simple app
Working with types basics
16 Section intro
17 Literal and Union types
18 Type narrowing
19 Optional values
20 Type assertion
21 Type intersection and Interfaces
22 Enum
23 Never
OOP and classes
24 Section intro
25 Classes in TypeScript
26 Inheritance
27 Access modifiers
28 Abstract classes
29 TypeScript interfaces
TypeScript Generics
30 Section intro
31 What are Generics
32 Popular generics
33 Generic constraints
34 Multiple types
35 Generic classes
36 Generic Interfaces and types
Working with types – advanced
37 Section intro
38 Readonly and const
39 Record and index signatures
40 keyof vs Object.keys
41 Conditional Types
42 Infer
43 Literal types
44 Mapped types
45 Utility types
46 Types exercises
47 Further reading
Functions and asynchronous programming
48 Section intro
49 Function overloading
50 This
51 Async functions
52 Promises
53 Promise Types
54 Further reading
Modules and module bundling
55 Section intro
56 JS modules
57 JS imports
58 TypeScript and npm
59 Module resolution
60 Module bundling intro
61 TypeScript and Webpack setup
62 Advanced webpack
63 TypeScript and EsBuild
64 Further reading WebPack and EsBuild
Tuning the TypeScript compiler
65 Section intro
66 Include and exclude
67 Target and lib
68 Strict checks
69 Declaration and Source maps
70 CLI options
71 Further reading The TypeScript compiler
Creating an NPM package with TypeScript
72 Section intro
73 Base package
74 Npm package
75 Using the TypeScript package
76 Further reading
TypeScript Decorators
77 Section intro
78 JS prototypes
79 First Decorator – fields
80 Class decorators
81 Decorator factories
82 Method decorators – arguments
83 Method decorators – advanced
84 Parameter decorators
85 TypeScript 5 decorators intro
86 TypeScript 5 class decorators
87 TypeScript 5 field decorators
88 TypeScript 5 decorator factories
89 TypeScript 5 method decorators
90 TypeScript 5 accessor decorators
91 Further reading
Backend practice section
92 Section intro
93 Express TypeScript setup
94 Express Routing
95 Express types and handlers
96 Database solution
97 Express middleware – request validator
98 Zod
99 Dependencies container
Frontend practice section
100 Section intro (and disclaimer)
101 React TypeScript project initialization
102 React state and props
103 React Types
104 React component modeling
105 Rendering lists in React with TypeScript
106 React form and dynamic data
107 React backend connection
108 Error handling in React
VSCode ecosystem
109 Section intro
110 Debugging
111 Linting
112 Code navigation and refactoring
113 Further reading
Ending section
114 Thank you!
115 Bonus
Resolve the captcha to access the links!