WeCours > Development > Web Development > Comprendre TypeScript – Édition 2022
4.68 sur 5
4.68

Comprendre TypeScript – Édition 2022

Boostez vos projets JavaScript avec TypeScript : apprenez tout sur les types de base, les génériques, TypeScript + React ou Node et plus encore !
Instructeur :
Mahefa Abel
English En savoir plus
Utilisez TypeScript et ses fonctionnalités telles que les types, le support ES6, les classes, les modules, les interfaces et bien plus encore dans n'importe lequel de leurs projets
Comprendre ce qu'est vraiment TypeScript et comment il fonctionne
Pourquoi TypeScript offre un réel avantage sur le JavaScript vanille
Apprenez TypeScript à la fois en théorie et appliqué à des cas d'utilisation et à des projets réels
Apprenez à combiner TypeScript avec ReactJS ou NodeJS / Express

Découvrez ce qu’est TypeScript, pourquoi c’est vraiment un puissant en plus de JavaScript, quelles sont ses fonctionnalités et comment l’utiliser ! Découvrez pourquoi TypeScript est incroyable, comment il améliore votre code JavaScript et comment il vous aide à éviter les bogues et les erreurs désagréables !

Ce cours vous emmène des basiques et de ses aspects les plus fonctionnalité importante (types !) au point où vous pouvez utiliser TypeScript dans n’importe lequel de vos projets. ReactJS projets inclus !

Comme TypeScript est développé par Microsoft et fortement annoncé et utilisé par Angular 2+ (Google) et d’autres bibliothèques populaires, il est là pour rester. En effet, TypeScript est l’un des langages de développement Web les plus populaires que vous puissiez apprendre de nos jours !

Prenez l’avantage aujourd’hui et soyez parmi les premiers à vraiment comprendre TypeScript !

Découvrez comment vous pouvez utiliser TypeScript pour apporter des fonctionnalités JS modernes telles que la déstructuration, les fonctions fléchées ou les classes à n’importe quel environnement et base de code – même s’il ne prend pas encore en charge ces fonctionnalités !  Comprenez quels types vous pouvez utiliser et comment créer vos propres types. Apprenez à écrire un meilleur code avec les types et avec les nombreuses fonctionnalités offertes par TypeScript !

Mais, dans ce cours, nous ne nous arrêterons pas après les bases ! Vous découvrirez également d’autres fonctionnalités avancées(comme les décorateurs) et comment configurer des flux de travail avec  Tapuscrit. Cela inclut un flux de travail TypeScript uniquement ainsi qu’un flux de travail Webpack.

Vous apprendrez également que vous n’êtes pas limité à Angular ou plain Projets JavaScript/TypeScript. Au lieu de cela, un module complet explique comment vous pouvez utiliser TypeScript avec ReactJS et améliorer également votre code React avec TypeScript.

Pratiquez ce que vous apprenez !

Regarder des vidéos est un excellent moyen d’apprendre. Et pour beaucoup d’étudiants, c’est la meilleure façon. Si vous souhaitez également mettre en pratique les choses que vous apprenez, ce cours vous offre plus que cela. Parce que ce cours comprend de nombreux exercices (et des solutions, bien sûr) en plus de toutes les vidéos d’apprentissage de haute qualité.

Tellement de contenu !

Je ne suis pas fan de ces cours qui t’apprennent les bases et te laissent ensuite tranquille. Au lieu de cela, dans ce cours, vous découvrirez :

  • Les types et leur utilisation
  • Le fonctionnement du compilateur TypeScript (et comment vous pouvez le configurer)
  • Fonctionnalités ES6 avec TypeScript
  • Classes en TypeScript
  • Espaces de noms et modules
  • Interfaces
  • Génériques
  • Décorateurs
  • Comment intégrer des bibliothèques JavaScript tierces dans vos projets TypeScript
  • Comment configurer un projet TypeScript avec webpack
  • Ou comment mettre en place un flux de travail TypeScript simple
  • Comment utiliser TypeScript avec ReactJS
  • Comment utiliser TypeScript avec Node/ Express
  • Projets réels et cas d’utilisation !
  • Et bien plus encore !

Getting Started

1
Welcome to the Course!

Welcome to the course! Let me guide you through what you can expect from the course!

2
What Is TypeScript & Why Should You Use It?

What is TypeScript and why is it awesome? In this lecture, we'll take a closer look at the advantages and new features TypeScript adds to JavaScript.

3
Join Our Learning Community
4
Installing & Using TypeScript

Time to get started! Learn how to install TypeScript globally on your system and how to use it in your first little demo project.

5
TypeScript Advantages - Overview

Time to summarize the advantages we learned about over the last lecture - what's amazing about TypeScript?

6
Course Outline

What exactly is in the course? Here's a complete outline!

7
How To Get The Most Out Of The Course

Your success matters to me - here's how you get the most out of this TypeScript course!

8
Setting Up A Code Editor / IDE

In order to be productive, we need a good coding setup. In this lecture, we'll set up VS Code to write TypeScript code efficiently.

9
The Course Project Setup

Throughout this TypeScript course, we'll often start with a blank project - in this lecture, we'll create that blank starting project.

TypeScript Basics & Basic Types

1
Module Introduction
2
Using Types
3
TypeScript Types vs JavaScript Types
4
Important: Type Casing
5
Working with Numbers, Strings & Booleans
6
Type Assignment & Type Inference
7
Understanding Types
8
Object Types
9
Nested Objects & Types
10
Arrays Types
11
Working with Tuples
12
Working with Enums
13
The "any" Type
14
Union Types
15
Literal Types
16
Type Aliases / Custom Types
17
Type Aliases & Object Types
18
Core Types & Concepts
19
Function Return Types & "void"
20
Functions as Types
21
Function Types & Callbacks
22
Functions & Types
23
The "unknown" Type
24
The "never" Type
25
Wrap Up
26
Useful Resources & Links

The TypeScript Compiler (and its Configuration)

1
Module Introduction
2
Using "Watch Mode"
3
Compiling the Entire Project / Multiple Files
4
Including & Excluding Files
5
Setting a Compilation Target
6
Understanding TypeScript Core Libs
7
More Configuration & Compilation Options
8
Working with Source Maps
9
rootDir and outDir
10
Stop Emitting Files on Compilation Errors
11
Strict Compilation
12
Code Quality Options
13
Debugging with Visual Studio Code
14
Wrap Up
15
Useful Resources & Links

Next-generation JavaScript & TypeScript

1
Module Introduction
2
"let" and "const"
3
Arrow Functions
4
Default Function Parameters
5
The Spread Operator (...)
6
Rest Parameters
7
Array & Object Destructuring
8
How Code Gets Compiled & Wrap Up
9
Useful Resources & Links

Classes & Interfaces

1
Module Introduction
2
What are Classes?
3
Creating a First Class
4
Compiling to JavaScript
5
Constructor Functions & The "this" Keyword
6
"private" and "public" Access Modifiers
7
Shorthand Initialization
8
"readonly" Properties
9
Class Basics
10
Inheritance
11
Overriding Properties & The "protected" Modifier
12
Getters & Setters
13
Static Methods & Properties
14
Abstract Classes
15
Singletons & Private Constructors
16
Classes - A Summary
17
Classes
18
A First Interface
19
Using Interfaces with Classes
20
Why Interfaces?
21
Readonly Interface Properties
22
Extending Interfaces
23
Interfaces as Function Types
24
Optional Parameters & Properties
25
Compiling Interfaces to JavaScript
26
Interfaces
27
Wrap Up
28
Useful Resources & Links

Advanced Types

1
Module Introduction
2
Intersection Types
3
More on Type Guards
4
Discriminated Unions
5
Type Casting
6
Index Properties
7
Function Overloads
8
Optional Chaining
9
Nullish Coalescing
10
Advanced Types
11
Wrap Up
12
Useful Resources & Links

Generics

1
Module Introduction
2
Built-in Generics & What are Generics?
3
Creating a Generic Function
4
Working with Constraints
5
Another Generic Function
6
The "keyof" Constraint
7
Generic Classes
8
A First Summary
9
Generic Utility Types
10
Generic Types vs Union Types
11
Generics
12
Useful Resources & Links

Decorators

1
Module Introduction
2
A First Class Decorator
3
Working with Decorator Factories
4
Building More Useful Decorators
5
Adding Multiple Decorators
6
Diving into Property Decorators
7
Accessor & Parameter Decorators
8
When Do Decorators Execute?
9
Returning (and changing) a Class in a Class Decorator
10
Other Decorator Return Types
11
Example: Creating an "Autobind" Decorator
12
Validation with Decorators - First Steps
13
Validation with Decorators - Finished
14
Fixing a Validator Bug
15
Wrap Up
16
Useful Resources & Links

Practice Time! Let's build a Drag & Drop Project

1
Module Introduction
2
Getting Started
3
DOM Element Selection & OOP Rendering
4
Interacting with DOM Elements
5
Creating & Using an "Autobind" Decorator
6
Fetching User Input
7
Creating a Re-Usable Validation Functionality
8
Rendering Project Lists
9
Managing Application State with Singletons
10
More Classes & Custom Types
11
Filtering Projects with Enums
12
Adding Inheritance & Generics
13
Rendering Project Items with a Class
14
Using a Getter
15
Utilizing Interfaces to Implement Drag & Drop
16
Drag Events & Reflecting the Current State in the UI
17
Adding a Droppable Area
18
Finishing Drag & Drop
19
Wrap Up
20
Useful Resources & Links

Modules & Namespaces

1
Module Introduction
2
Writing Module Code - Your Options
3
Working with Namespaces
4
Organizing Files & Folders
5
A Problem with Namespace Imports
6
Important: Use Chrome or Firefox
7
Using ES Modules
8
Understanding various Import & Export Syntaxes
9
How Does Code In Modules Execute?
10
Wrap Up
11
Useful Resources & Links

Using Webpack with TypeScript

1
Module Introduction
2
What is Webpack & Why do we need it?
3
A Note About NodeJS
4
Installing Webpack & Important Dependencies
5
Adding Entry & Output Configuration
6
Adding TypeScript Support with the ts-loader Package
7
Finishing the Setup & Adding webpack-dev-server
8
Adding a Production Workflow
9
Wrap Up
10
Useful Resources & Links

3rd Party Libraries & TypeScript

1
Module Introduction
2
Using JavaScript (!) Libraries with TypeScript
3
Using "declare" as a "Last Resort"
4
No Types Needed: class-transformer
5
TypeScript-embracing: class-validator
6
Wrap Up
7
Useful Resources & Links

Time to Practice! Let's build a "Select & Share a Place" App (incl. Google Maps)

1
Module Introduction
2
Project Setup
3
Getting User Input
4
Setting Up a Google API Key
5
Using Axios to Fetch Coordinates for an Entered Address
6
Rendering a Map with Google Maps (incl. Types!)
7
Working with Maps without a Credit Card
8
Useful Resources & Links

React.js & TypeScript

1
Module Introduction
2
Setting Up a React + TypeScript Project
3
How Do React + TypeScript Work Together?
4
Working with Props and Types for Props
5
Getting User Input with "refs"
6
Cross-Component Communication
7
Working with State & Types
8
Managing State Better
9
More Props & State Work
10
Adding Styling
11
Types for other React Features (e.g. Redux or Routing)
12
Wrap Up
13
Useful Resources & Links

Node.js + Express & TypeScript

1
Module Introduction
2
Executing TypeScript Code with Node.js
3
Setting up a Project
4
Finished Setup & Working with Types (in Node + Express Apps)
5
Adding Middleware & Types
6
Working with Controllers & Parsing Request Bodies
7
More CRUD Operations
8
Wrap Up
9
Useful Resources & Links

Course Roundup

1
Roundup
4.7
4.7 sur 5
Notes34023

Détails des Notes

Étoiles 5
22018
Étoiles 4
9912
Étoiles 3
1749
Étoiles 2
237
Étoiles 1
107
S'inscrire à un cours
Garantie de remboursement de 30 jours

Inclut

15 heures de vidéo à la demande
Accès complet à vie
Accès sur le mobile et la télévision
Certificat d'achèvement

Archive

Working hours

Monday 9:30 am - 6.00 pm
Tuesday 9:30 am - 6.00 pm
Wednesday 9:30 am - 6.00 pm
Thursday 9:30 am - 6.00 pm
Friday 9:30 am - 5.00 pm
Saturday Closed
Sunday Closed