Mô tả

Welcome to the best resource online for mastering TypeScript.

TypeScript is a powerful superset of JavaScript that makes development smoother, safer, and helps you catch errors and avoid bugs early on. TypeScript adds a bunch of useful features to the JavaScript that you know and love. It helps you be a more productive developer and forces you to write better code.

TypeScript has skyrocketed in popularity to become one of the world’s most popular and loved programming languages. It has doubled in popularity every year since 2017, and it continues to grow at an astronomical rate. It’s definitely the right time to learn TypeScript!

This course covers all the syntax, features, and concepts you need to master TypeScript and start using it in your own codebases. We start with the very basics of the type system and cover everything up to incorporating TypeScript in React codebases and using Webpack with TypeScript.

Here’s a detailed breakdown of the topics the course covers:

  • The TypeScript type system

  • Union Types

  • Intersection Types

  • Tuples and Enums

  • Interfaces

  • The TypeScript compiler and how to configure it

  • Working with the DOM and TypeScript

  • TypeScript Classes

  • Generics

  • Type Narrowing

  • Type Declarations

  • Working with 3rd party libraries

  • Webpack + TypeScript workflows

  • Integrating React and TypeScript

  • TypeScript’s Module System

Enroll in this course to learn what TypeScript is, why it’s so popular, and how to use it!

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

The ins and outs of ALL of TypeScript's syntax

TypeScript Interfaces, Generics, Classes, Modules, and more

Integrate TypeScript with Webpack

Use TypeScript with ReactJS

Yêu cầu

  • Basic JavaScript Experience

Nội dung khoá học

19 sections

Introduction

6 lectures
Welcome & Course Overview
02:07
Join The Community!
00:19
Course Prerequisites
01:43
The Case For TypeScript
03:43
TypeScript Overview
05:04
GET THE COURSE SLIDES!
00:07

Installation & Setup

4 lectures
Installing TypeScript
02:55
The TypeScript Playground
02:54
Installing Visual Studio Code
01:53
How We Use TypeScript
05:51

Type Annotation Basics

8 lectures
Our First Type Annotation
04:17
Working With Numbers & Booleans
01:54
Super Quick Quiz!
1 question
Compiling TypeScript
03:20
Type Inference
02:39
The Any Type
02:02
Delayed Initialization & Implicit Any
03:31
Inference Quiz
2 questions

Functions

10 lectures
Function Parameter Annotations
04:20
Function Parameter Quiz
1 question
More On Function Parameter Annotations
01:52
Working With Default Parameters
01:49
Return Type Annotations
06:08
Anonymous Function Contextual Typing
02:18
The Void Type
01:57
Return Type Quiz
2 questions
The Never Type
03:10
Function Types EXERCISE
05:06

Object Types

10 lectures
Working With Object Types
04:02
More Object Types
02:53
Excess Properties
02:51
Object Types Quiz
1 question
Creating Type Aliases
04:01
Nested Objects
07:36
Optional Properties
01:29
The readonly Modifier
02:26
Intersection Types
04:00
Object Types EXERCISE
05:15

Array Types

4 lectures
Working With Array Types
03:59
More Array Syntax
02:23
Multidimensional Arrays
01:48
Array Types EXERCISE
03:33

Union Types

5 lectures
Introducing Union Types
03:59
Type Narrowing w/ Union Types
07:56
Union Types and Arrays
04:23
Literal Types
04:15
Union Types EXERCISE
06:44

Tuples and Enums

6 lectures
Introducing Tuples
03:54
A Bit More On Tuples
06:33
Tuples Quiz
1 question
Introducing Enums
06:15
A Bit More On Enums!
03:08
Enums Behind The Scenes
05:30

Interfaces

9 lectures
Introducing Interfaces
03:45
Readonly and Optional Interface Properties
02:14
Interface Methods
02:40
Interface Method Parameters
03:34
Interface Methods Quiz
2 questions
Reopening Interfaces
02:37
Extending Interfaces
03:22
Interface Multiple Inheritance
03:22
Interfaces Vs. Type Aliases
04:08

The TypeScript Compiler

9 lectures
Compiling to JavaScript
05:16
Watch Mode
02:16
Working With Multiple Files
04:00
The Files Compiler Option
03:42
Include & Exclude Options
05:50
Outdir Option
01:37
Target Option
02:15
Strict Option
05:22
Compiler Options Wrap Up
02:25

Mini Project: The DOM, Type Assertions, and More!

11 lectures
A Simple Project Setup
07:20
Working With The DOM
07:29
The Lib Compiler Option
06:17
TypeScript's Non-Null Assertion Operator
06:48
Type Assertions
02:48
Type Assertions With the DOM
07:42
Working With Events
05:57
Building The Todo List
06:51
Adding in an Interface
05:08
Connecting to LocalStorage
07:10
Todo List Finishing Touches
05:54

Classes

10 lectures
Classes Setup
04:19
The Class Keyword
04:18
Constructors
03:10
Class Fields
03:57
Private Fields
06:19
Getters
02:57
Setters
05:43
Static Properties & Methods
04:01
Extending Classes
03:09
The Dreaded Super()
04:44

TypeScript Classes

10 lectures
Annotating Classes In TypeScript
04:04
Class Fields In TypeScript
02:00
readonly Class Properties
01:19
The public Modifier
02:09
The private Modifier
05:41
Parameter Properties Shorthand
03:10
Getters and Setters
04:46
The Protected Modifier
03:00
Classes and Interfaces
05:08
Creating Abstract Classes
08:48

Generics

10 lectures
Introducing Generics
05:38
Another Example Of A Built-In Generic
08:01
Writing Our First Generic
07:12
Writing Another Generic Function
05:17
Inferred Generic Type Parameters
03:14
Generics, Arrow Functions, & TSX Files
02:17
Generics With Multiple Types
05:35
Adding Type Constraints
04:43
Default Type Parameters
02:51
Writing Generic Classes
03:27

Type Narrowing

8 lectures
Typeof Guards
05:24
Truthiness Guards
05:31
Equality Narrowing
03:34
Narrowing With The In Operator
06:19
Instanceof Narrowing
05:53
Working With Type Predicates
06:35
Discriminated Unions
10:43
Exhaustiveness Checks With Never
04:31

Working With Type Declarations

4 lectures
Introducing Type Declarations
04:30
Using 3rd Party Libraries: Axios
05:49
Working With Axios Types
11:54
Installing Types Separately
08:10

Modules

6 lectures
A Note On Namespaces
03:38
Working Without Modules
05:37
Using TypeScript Modules
05:44
Changing Compilation Module System
06:36
Import/Export Syntax In Depth
06:28
Importing Types
05:40

Webpack & TypeScript

7 lectures
What's The Point Of Webpack?
04:23
Setting Up a Project
11:36
Installing Webpack Dependencies
04:09
Basic Webpack Config
10:59
Adding Source Maps
02:34
Webpack Dev Server
03:28
Production Configuration
07:15

React & TypeScript

12 lectures
React & TypeScript Introduction
03:44
Create React App With TypeScript
08:15
Our First Component
05:32
A Note on React.FC
02:35
Props With TypeScript
04:00
Creating Our ShoppingList Component
07:51
useState With TypeScript
05:20
Creating Our ShoppingItem Form
03:45
useRef With TypeScript
07:40
Updating The State
02:59
Finishing Touches
04:29
React + TypeScript Wrapup
02:00

Đá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.