Le langage de programmation TypeScript est un superset de JavaScript, cela veut dire qu’il ajoute des fonctionnalités à JavaScript. Cela permet notamment aux projets TypeScript de gagner en qualité et d’améliorer l’expérience de développement.

Cette formation TypeScript de 2 jours vous permettra de mieux comprendre ce qu’apporte TypeScript à vos projets, et de pouvoir le différencier (choisir) par rapport à d'autres technologies telles que ReasonML, Elm, JavaScript,...

Cette formation TypeScript s'adresse à des développeur·se·s possédant des connaissances en JavaScript, souhaitant se lancer en TypeScript dans leurs futurs projets.

Vous ressortirez de cette formation TypeScript avec la confiance nécessaire pour pour développer une application dans l'environnement Deno ou Node.js ou encore vous lancer dans la construction d’applications Web à l’aide de Framework tel que Angular, React ou Vue.js.

Les objectifs

• Maîtriser l'outillage TypeScript (et son écosystème)
• Construire une page web avec TypeScript
• Créer des modules réutilisable TypeScript (classes, interfaces, ...)
• Être à l’aise pour apprendre Angular, VueJs, ReactJs
• Développer une librairie avec TypeScript
• Compiler du JavaScript et configurer la génération des fichiers JavaScript

Pré-requis

• Expérience d'au moins un an dans un autre langage de programmation 
• Avoir suivi une formation JavaScript : ou bien connaitre les scopes (this, closure) en JavaScript et bien comprendre les fonctions et classes en JavaScript
• Ordinateur portable à apporter

Le programme de la formation TypeScript

Jour 1 : De JavaScript à TypeScript, une première approche

TypeScript qu’est-ce que c’est ?

• Contexte
• Les objectifs
• Des projets qui utilisent TypeScript (Angular, Deno, …)
• Est-ce obligatoire d’avoir TypeScript sur mes projets ?

Rappels JavaScript

• ES5
• ES6+

Les outils 

• Node.js et NPM
• La compilation (Babel Vs tsc)
• Les tests avec Jest
• Source Map
• L’autocomplétion

Les Types

• Types primitifs
• Types par références
• Éviter de typer tout son code explicitement grâce à l'inférence de type
• Typage des fonctions

Les classes

• Constructeurs, méthodes et propriétés
• Types
• Prototypes

Mises en pratique tout au long de la journée via un TP fil rouge d’application Web
Mise en pratique : Création d'une application JavaScript, qui sera en étape transformée en TypeScript
Travail sur la configuration de tsconfig, sur les types à mettre en place

Jour 2 : Approfondir les forces de TypeScript

Interfaces

• Objets
• Function
• Classes

Organiser son code grâce aux modules

• ES Modules
• Namespaces

Retour sur les Types

• Tuples
• Union Type
• Alias
• Enum
• Contrôler le type d'une valeur grâce aux type guards

Comment utiliser des librairies JavaScript dans un projet TypeScript

• Les fichiers de définition
• Le projet @Types
• Comment générer mes propres fichiers de définition

Plus de flexibilité aux types grâce aux génériques

Les décorateurs

Ce qui va arriver dans l’écosystème TypeScript

Ouverture selon demande/formateur (Webassembly, Deno, pnpm, ...)

Mises en pratique tout au long de la journée via un TP fil rouge d’application Web
Mise en pratique : ajout d'une librairie externe, ajout de narrowing et types améliorés à notre projet

Le(s) formateur(s)

A propos de Human Coders

Human Coders c'est un centre de formation pour développeurs avec :

• une certification Qualiopi, indispensable pour que vous puissiez obtenir des aides au financement via votre OPCO
• de nombreux clients qui nous font confiance depuis des années
• un manifeste pour garantir des formations à taille humaine, des formateurs passionnés, de véritables workshops...
• 103 formations au catalogue, 1468 sessions depuis nos débuts en 2012 avec une moyenne de satisfaction de 4,6/5
• la possibilité de vous proposer un accompagnement personnalisé ou du conseil après la formation