Mô tả

24.08.2023 - Full course remaster with TypeScript 5


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

This course stands out with many advantages and highlights:

  • Concise and with deep respect for your time: only learn what you need. Most of the instructor typing is cut, focusing on why we write a certain way the code.

  • Unitary Typescript course theme - the same NodeJs application, so you don't get bored and get a rewarding sense of completion

  • Experienced and programming active instructor: a great teacher never looses touch with the industry. This is especially true for software development, where the industry is so dynamic. This helps the instructor stay up to date with the best coding guidelines and present you the challenging parts, not the "hello world"

  • GitHub Code diffs - for each lecture - this way you can keep up and quickly get an overview of the lecture, in case you missed something

  • Great visuals - dark background, big font, 1080p resolution

  • Certificate of completion

The best way to learn is by exercise, so I'll see you in class.

There will be code!


Bạn sẽ học được gì

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

Yêu cầu

  • Some programming experience in any language
  • Basic JavaScript

Nội dung khoá học

15 sections

Getting started

9 lectures
Welcome and how it works
05:49
Let's connect!
00:07
How to get help
02:31
Course resources access
00:05
Tools we will need
03:53
TypeScript program lifecycle
05:56
First TypeScript program
06:30
Compiler options
06:08
☑️ TypeScript basics quiz
4 questions

Introduction to types

8 lectures
Section intro
01:01
Primitive types
06:07
Arrays and tuples
05:11
Functions
06:04
Any vs Unknown
08:15
Type aliases
07:02
Practice: simple app
11:34
☑️ TypeScript basics quiz
3 questions

Working with types: basics

9 lectures
Section intro
00:51
Literal and Union types
05:40
Type narrowing
09:37
Optional values
09:21
Type assertion
07:27
Type intersection and Interfaces
08:47
Enum
07:39
Never
04:23
☑️ Types basics quiz
4 questions

OOP and classes

6 lectures
Section intro
01:40
Classes in TypeScript
05:41
Inheritance
04:40
Access modifiers
03:49
Abstract classes
04:21
TypeScript interfaces
06:41

TypeScript Generics

7 lectures
Section intro
01:49
What are Generics
05:52
Popular generics
05:19
Generic constraints
04:19
Multiple types
03:53
Generic classes
03:19
Generic Interfaces and types
02:35

Working with types - advanced

11 lectures
Section intro
01:07
Readonly and const
07:13
Record and index signatures
05:47
keyof vs Object.keys
07:46
Conditional Types
07:01
Infer
10:39
Literal types
04:15
Mapped types
09:47
Utility types
06:12
Types exercises
07:02
Further reading
00:07

Functions and asynchronous programming

7 lectures
Section intro
01:18
Function overloading
07:03
This
06:45
Async functions
09:03
Promises
10:28
Promise Types
04:38
Further reading
00:05

Modules and module bundling

10 lectures
Section intro
03:03
JS modules
09:40
JS imports
06:46
TypeScript and npm
09:55
Module resolution
09:30
Module bundling intro
04:32
TypeScript and Webpack setup
06:35
Advanced webpack
09:50
TypeScript and EsBuild
07:50
Further reading: WebPack and EsBuild
00:02

Tuning the TypeScript compiler

7 lectures
Section intro
01:49
Include and exclude
07:25
Target and lib
11:08
Strict checks
05:06
Declaration and Source maps
05:16
CLI options
05:45
Further reading: The TypeScript compiler
00:02

Creating an NPM package with TypeScript

5 lectures
Section intro
01:44
Base package
08:14
Npm package
05:05
Using the TypeScript package
04:56
Further reading
00:04

TypeScript Decorators

15 lectures
Section intro
05:00
JS prototypes
10:32
First Decorator - fields
08:08
Class decorators
08:02
Decorator factories
02:52
Method decorators - arguments
07:52
Method decorators - advanced
06:43
Parameter decorators
02:29
TypeScript 5 decorators intro
04:39
TypeScript 5 class decorators
09:25
TypeScript 5 field decorators
06:08
TypeScript 5 decorator factories
03:48
TypeScript 5 method decorators
07:15
TypeScript 5 accessor decorators
04:39
Further reading
00:08

Backend practice section

8 lectures
Section intro
03:35
Express TypeScript setup
10:07
Express Routing
08:50
Express types and handlers
08:02
Database solution
11:49
Express middleware - request validator
08:17
Zod
08:15
Dependencies container
09:24

Frontend practice section

9 lectures
Section intro (and disclaimer)
03:14
React TypeScript project initialization
04:36
React state and props
05:15
React Types
06:06
React component modeling
03:21
Rendering lists in React with TypeScript
08:12
React form and dynamic data
06:28
React backend connection
09:55
Error handling in React
07:09

VSCode ecosystem

5 lectures
Section intro
01:18
Debugging
07:22
Linting
06:02
Code navigation and refactoring
07:21
Further reading
00:08

Ending section

2 lectures
Thank you!
01:07
Bonus
00:24

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.