Cours intensif TypeScript

Leçon 1 • Écriture et compilation de votre premier programme

Écrivez un fichier TypeScript minimal, compilez-le et inspectez le résultat JavaScript. Cela relie la théorie à la pratique en montrant le cycle complet de création.

Leçon 2 • Installation et configuration de la chaîne d'outils

Installez Node.js, le compilateur TypeScript et un éditeur de code avec prise en charge de TypeScript. Vous obtenez un environnement de développement local prêt à l'emploi.

Leçon 3 • Le fichier tsconfig.json

Comprenez chaque option majeure du compilateur dans tsconfig.json et comment elles affectent la sortie. Cela permet un contrôle précis au niveau du projet sur la vérification de type et le comportement d'émission.

Leçon 1 • Inférence de type et le type any

Comprenez quand TypeScript infère les types automatiquement et quand des annotations explicites sont nécessaires. Expliquez pourquoi une utilisation excessive de any compromet le système de types.

Leçon 2 • Tableaux, tuples et énumérations

Typez des collections de taille fixe et variable et définissez des ensembles de constantes nommées avec des énumérations. Couvre les modèles de données structurées les plus courants dans le code TypeScript quotidien.

Leçon 3 • Types d'objets et alias de type

Définissez des formes d'objets en ligne et avec des alias de type réutilisables. Enseigne comment modéliser les données du domaine clairement et éviter les répétitions dans une base de code.

Leçon 4 • Types primitifs

Couvre string, number, boolean, null, undefined, symbol et bigint avec leurs différences comportementales. Fournit les éléments de base atomiques pour toutes les expressions typées.

Leçon 1 • Contrôle d'accès et encapsulation

Appliquez des champs privés, des accesseurs et la lecture seule pour protéger l'état interne. Renforce l'encapsulation en tant que discipline de conception dans les classes TypeScript.

Leçon 2 • Définition et utilisation des interfaces

Déclarez des interfaces pour décrire des formes d'objets et des signatures de fonctions. Établit le mécanisme de contrat principal utilisé dans TypeScript orienté objet.

Leçon 3 • Implémentation d'interfaces avec des classes

Utilisez le mot-clé implements pour lier des classes à des contrats d'interface. Montre comment concevoir des systèmes faiblement couplés, faciles à tester et à échanger.

Leçon 4 • Classes en TypeScript

Définissez des classes avec des propriétés typées, des constructeurs et des méthodes. S'appuie sur les connaissances des interfaces pour montrer comment les classes implémentent et appliquent des contrats.

Leçon 1 • Contraintes génériques

Restreignez les paramètres de type avec des contraintes extends pour accéder en toute sécurité à des propriétés spécifiques. Empêche les erreurs d'exécution en réduisant les types qu'un générique peut accepter.

Leçon 2 • Interfaces et classes génériques

Appliquez des paramètres de type aux interfaces et aux classes pour créer des structures de données réutilisables. Étend les connaissances sur les interfaces et les classes à des conceptions paramétrées à types multiples.

Leçon 3 • Introduction aux génériques

Comprenez le problème que les génériques résolvent et écrivez la première fonction générique. Fait le lien avec les connaissances antérieures sur le typage des fonctions en montrant comment les paramètres de type généralisent les signatures.

Leçon 1 • Types conditionnels

Écrivez des types qui se résolvent différemment selon une condition en utilisant T extends U ? X : Y. Débloque une logique de niveau type expressive pour les auteurs de bibliothèques et de frameworks.

Leçon 2 • Types union et intersection

Combinez des types avec | et & pour exprimer des valeurs qui peuvent prendre plusieurs formes. Fournit la base pour les unions discriminées et le rétrécissement de type.

Leçon 3 • Types mappés

Transformez des types existants en itérant sur leurs clés avec la syntaxe des types mappés. Permet des transformations systématiques de propriétés sans duplication manuelle.

Leçon 4 • Types de chaînes de caractères littérales de gabarit

Construisez des types de chaînes dynamiquement en utilisant la syntaxe des littéraux de gabarit au niveau du type. Permet un typage précis des motifs de chaînes tels que les noms d'événements et les propriétés CSS.

Leçon 1 • Alias de chemin et références de projet

Configurez des alias de chemin dans tsconfig.json et divisez les grandes bases de code avec des références de projet. Améliore les performances de construction et la lisibilité des imports dans les configurations monorepo.

Leçon 2 • Espaces de noms et augmentation de module

Utilisez des espaces de noms pour le regroupement logique et augmentez les types de modules existants. Couvre les motifs hérités et la technique moderne d'extension des définitions de types tierces.

Leçon 3 • Modules ES en TypeScript

Utilisez la syntaxe import et export pour diviser le code entre fichiers avec une vérification de type complète. Relie les options du compilateur au comportement de résolution des modules dans des projets réels.

Leçon 1 • Itérateurs et générateurs asynchrones

Utilisez AsyncIterator<T> et les fonctions génératrices asynchrones pour modéliser des flux de données. Étend les connaissances sur les itérateurs aux sources de données asynchrones telles que les flux et les API paginées.

Leçon 2 • Typage des promesses

Annotez les types de retour Promise<T> et comprenez comment le paramètre générique circule dans les chaînes then. S'appuie sur les connaissances des génériques pour typer correctement les données asynchrones.

Leçon 3 • Typage des callbacks et des émetteurs d'événements

Définissez des signatures de callbacks typées et typez fortement les motifs d'émetteurs d'événements. Couvre les motifs asynchrones hérités encore courants dans les API Node.js et navigateur.

Leçon 1 • Tests unitaires avec des frameworks de test typés

Écrivez des tests unitaires en TypeScript en utilisant un exécuteur de test typé et affirmez les types à l'exécution. Garantit que le code de test bénéficie de la même sécurité de type que le code de production.

Leçon 2 • Linting de TypeScript avec ESLint

Configurez ESLint avec des règles conscientes de TypeScript pour appliquer un style de code et détecter les problèmes liés aux types. Complète le compilateur en faisant remonter les problèmes que le vérificateur de types ne signale pas.

Leçon 3 • Pipelines de construction et bundlers

Intégrez la compilation TypeScript dans les workflows de bundler en utilisant des outils comme esbuild ou Webpack. Couvre les source maps, le mode watch et les constructions de production optimisées.

Leçon 4 • Débogage des applications TypeScript

Utilisez les source maps et les débogueurs d'éditeur pour parcourir le code source TypeScript à l'exécution. Boucle la boucle entre la création et le diagnostic des problèmes dans les applications en cours d'exécution.