TypeScript Mastery Developer's Guide - eLearning

Exploitez tout le potentiel des applications web évolutives et faciles à maintenir grâce à la formation TypeScript. Ce programme vous aide à perfectionner vos compétences en JavaScript en vous initiant à TypeScript, un sur-ensemble fortement typé de JavaScript qui améliore la qualité du code, réduit les bugs et optimise la productivité des développeurs.

Vous apprendrez à utiliser le système de types de TypeScript pour écrire un code plus propre, plus sûr et plus prévisible pour les applications web modernes. La formation couvre des concepts essentiels tels que les interfaces, les classes, les génériques et les annotations de types, ainsi que leur utilisation pratique dans des workflows de développement réels.

À l'issue de la formation, vous serez en mesure de créer en toute confiance des applications front-end et back-end robustes à l'aide de TypeScript, rendant votre code plus évolutif et prêt pour l'entreprise.

Caractéristiques principales

• Cours et supports en anglais
• Niveau débutant à intermédiaire
• 8 heures de vidéos à la demande
• 31 exercices pratiques guidés
• 13 évaluations notées automatiquement
• 53 quiz de révision
• Plus de 25 heures de temps d'étude recommandé
• 1 an d'accès à la plateforme d'apprentissage
• Certificat de fin de formation inclus

Résultats d'apprentissage

• Maîtrisez les concepts clés et les principes fondamentaux de TypeScript
• Apprenez à utiliser les fonctions et à gérer efficacement les erreurs
• Utilisez les littéraux de type et les énumérations pour définir les données avec plus de précision
• Créez des alias de type pour structurer et gérer des types de données complexes
• Créez des classes de base et implémentez des interfaces
• Apprenez à intégrer et à utiliser des bibliothèques tierces dans des projets TypeScript

Public cible

• Les développeurs JavaScript souhaitant passer à TypeScript
• Les développeurs front-end travaillant avec des frameworks tels qu’Angular, React ou Vue
• Les développeurs full-stack créant des applications évolutives
• Ingénieurs logiciels souhaitant améliorer la qualité et la maintenabilité du code
• Étudiants et jeunes diplômés se lançant dans le développement web
• Toute personne intéressée par les pratiques modernes de développement JavaScript

Prérequis

• Compréhension de base des principes fondamentaux de JavaScript
• Connaissance des variables, des fonctions, des tableaux et des objets
• Connaissances de base des concepts de développement web (utiles mais non obligatoires)
• Esprit logique et aptitude à la résolution de problèmes
• Aucune expérience préalable de TypeScript n'est requise.

Contenu du cours

Introduction à TypeScript

• Qu'est-ce que TypeScript?
• Pourquoi utiliser TypeScript?
• Configuration de VS Code 

Principes fondamentaux de TypeScript 

• Types primitifs
• Any et Unknown
• Null, Undefined, Never
• Tableaux
• Objets
• Tuples

Pratique:

• Utilisation des types primitifs
• Vérification des valeurs Null ou Undefined
• Exercice sur les tableaux
• Exercice sur les objets
• Modélisation de données de spécimens biologiques à l'aide du système de types de TypeScript

Fonctions

• Paramètres de fonction
• Facultatif Par défaut
• Valeurs de retour
• Lancer des erreurs
• Fonctions génériques

Pratique:

• Fonctions
• Intercepter et lancer des erreurs
• Surcharges de fonctions
• Créer des fonctions d'aide qui nous permettent d'obtenir des informations sur nos spécimens et d'effectuer des manipulations sur leurs données

Manipulation des types

• Inférence de types
• Assertions de types
• Types littéraux
• Types conditionnels
• Énumérations
• Génériques

Pratique:

• Créer des types littéraux, des énumérations et des types conditionnels pour mieux définir des spécimens spécifiques et leurs catégories

Alias de types

• Qu'est-ce qu'un alias de type
• Comment définir un alias de type

Pratique:

• Créer des alias de type pour les structures de données que nous utiliserons pour stocker des informations

Interfaces

• Qu'est-ce qu'une interface?
• Comment définir une interface?
• Extension et implémentation d'interfaces

Pratique:

• Exercice sur les interfaces

Types mappés

• Que sont les types mappés et leurs cas d'utilisation?
• Comment implémenter des types mappés?

Pratique:

• Exercice sur les types mappés 

Contrôles de type

• Clé de l'opérateur
• Type de l'opérateur
• Restriction

Pratique:

• Exercice sur l'opérateur Typeof
• Exercice sur la restriction

Classes

• Principes fondamentaux des classes
• Modificateurs protected, private et public
• Héritage
• Classes génériques

Pratique:

• Créer une classe de base
• Implémenter une interface
• Créer des classes pour les différents règnes du vivant et illustrer comment des concepts tels que l'héritage, le polymorphisme et les classes abstraites entrent en jeu

Modules et espaces de noms

• Introduction aux modules
• Require et modules.export
• Importation et exportation ES6
• Espaces de noms

Bibliothèques tierces

• Introduction aux modules Node
• Installation de bibliothèques tierces avec NPM
• Inspection des déclarations de types pour les bibliothèques tierces
• Fichiers de déclaration

Créer une application Express.js avec TypeScript 

• Créer une application Express avec TypeScript
• Installer Axios et récupérer des données depuis l'application iDigBio
• Créer des modèles de données avec des classes et des spécimens
• Persister les données avec MongoDB
• Créer des points de terminaison REST pour exposer les données

Pratique:

• Installer Axios et récupérer des données depuis l'API iDigBio
• Créer des modèles de données avec des classes pour les spécimens
• Créer une fonctionnalité pour agréger des informations sur les spécimens
• Persister les données avec MongoDB
• Créer des points de terminaison REST pour exposer les données

React isomorphe

• Comment créer une application React
• Créer et ajouter un type pour des composants de fonction simples
• Configurer le client HTTP pour interroger le serveur Express
• Afficher les données paginées sur les spécimens biologiques
• Mettre à jour les notes pour les recherches de spécimens

Pratique:

• Afficher les données paginées sur les spécimens biologiques

FAQ

Y aura-t-il d'autres supports d'apprentissage en plus des vidéos à suivre à son rythme?

Absolument ! L'expérience d'apprentissage à la demande va au-delà des vidéos pour offrir un environnement d'apprentissage totalement immersif, comprenant:

• APPRENDRE: des quiz interactifs de révision et des études de cas concrets pour renforcer les concepts
• ÉVALUER: des évaluations diagnostiques, par module et finales pour suivre vos progrès
• S'ENTRAÎNER: des exercices pratiques avec des simulations concrètes et des Cloud Labs
• OBTENIR DES INFORMATIONS: des analyses et des rapports en temps réel mettant en évidence vos progrès d'apprentissage, vos difficultés et les domaines suggérés à revoir pour maîtriser les compétences clés

Puis-je suivre ce cours tout en travaillant à temps plein?

Oui ! Ce cours est conçu pour offrir une flexibilité maximale. Dispensé sous un format en ligne à votre rythme, il vous permet d'apprendre et de vous perfectionner à votre convenance, ce qui facilite la conciliation avec votre emploi à temps plein.

Ce cours est-il adapté aux débutants?

Oui, il est conçu pour les développeurs JavaScript qui découvrent TypeScript.

Ai-je besoin de connaissances avancées en JavaScript?

Non, une compréhension de base de JavaScript suffit.

Pourquoi devrais-je apprendre TypeScript?

TypeScript vous aide à écrire un code plus sûr, plus facile à maintenir et plus évolutif en détectant les erreurs pendant le développement plutôt qu'au moment de l'exécution.

Cela m'aidera-t-il à trouver un emploi?

Oui, TypeScript est largement utilisé dans le développement web moderne et est très apprécié par les employeurs.

Quels frameworks utilisent TypeScript?

Il est couramment utilisé avec les applications Angular, React, Vue et Node.js.

TypeScript remplace-t-il JavaScript?

Non, TypeScript s'appuie sur JavaScript et se compile en JavaScript: il améliore JavaScript, il ne le remplace pas.