Nous recrutons
Develop

Formation JavaScript / TypeScript - Les fondamentaux

Améliorez vos compétences en JavaScript / TypeScript avec l’aide de nos experts !

3 jours (21h00)
1 à 8 personnes
4.55/5 - (8 participant·e·s)
Théorie - 65%
Pratique - 35%
Formation JavaScript/TypeScript - Les fondamentaux
Prix de la formation 1650 € HT Niveaux disponibles

Description

JavaScript est le langage de programmation de facto pour le développement web, et ses usages sont en constante progression depuis des années. Auparavant cantonné à une exécution dans les navigateurs, le langage se popularise également sur le serveur avec NodeJS et, plus récemment, les pratiques de Server Side Rendering portées par des frameworks Frontend.

Explorons ensemble les dernières avancées d'ECMAScript, la gestion de l'asynchronisme avec les promesses, ou encore les sucres syntaxiques apportés par les dernières versions de la spécification. Allons plus loin avec TypeScript, le complément parfait à Javascript qui offre un typage statique optionnel et qui simplifie le développement et améliore la maintenance des projets à grande échelle. Découvrez comment il permet d'élever la qualité de code, déplace les erreurs à la phase de transpilation, et facilite la collaboration au quotidien dans les équipes qui l'utilisent.

Cette formation vise à équiper les participants des compétences essentielles pour exceller dans le développement web moderne. Au cours de cette formation, les participants maîtriseront les fondamentaux d'ECMAScript et acquerront une compréhension approfondie de TypeScript leur permettant, par la suite, de l'utiliser tant côté front-end avec des frameworks comme Vue.js ou Angular que côté serveur avec Node.js. En intégrant des concepts avancés, des bonnes pratiques de développement, et des retours terrain, cette formation offre une expérience complète, préparant les apprenants à créer des applications web réactives et évolutives.


Pour qui ?

Cette formation s'adresse à des développeurs d'applications Web souhaitant se former sur le développement d'applications modernes dans le navigateur.

Prérequis
  • Connaissance de base sur les conceptions de programmation ;

4SH est un organisme de formation, certifié Qualiopi. Le label Qualiopi atteste que nous répondons aux normes rigoureuses en matière de qualité de nos formations, tant sur le plan pédagogique que logistique. 

Objectifs pédagogiques

  • Maîtriser les bases des langages Javascript & Typescript
  • Appliquer les concepts de la programmation asynchrone
  • Appréhender le fonctionnement des Modules Ecmascript
  • Connaître les sucres syntaxiques apparus dans les versions modernes d’Ecmascript (2015+)
  • Maîtriser la définition de types simples et avancés en Typescript
  • Démontrer la plus-value des types dans la Developer Experience

Programme

  1. Concepts de base de JavaScript
    • Historique & gouvernance
    • Types disponibles
    • Structures de contrôle
    • Chaîne prototypale vs classes
  2. Asynchronisme
    • Arrow functions
    • Portée de variables
    • Event loop
    • Promises & async/await
  3. APIs du quotidien
    • Classes utilitaires du quotidien
    • Manipulation du DOM
    • Event listeners
    • Gestion du temps
    • Internationalisation
    • Persistance navigateur
  4. Sucres syntaxiques
    • Destructuring
    • Rest & Spread operators
    • Default values
    • Optional Chaining & nullish coalescing
  5. Types avancés
    • Template string / literals
    • Iterables, Maps & Sets
    • Symbols
    • Typed Arrays & Buffers
  6. Tooling & Écosystème
    • Linters
    • Bundlers
    • DevX
  1. Introduction à Typescript
    • Javascript vs Typescript
    • Type vs Values spaces
    • Named vs Structural typing
    • Le modèle mental derrière un langage de Types
    • Any vs Unknown
    • Configurer Typescript sur son projet
  2. Objects & Records
    • Optional & Readonly properties
    • Type vs Interface
    • Composer ses types via Union & Intersection
    • types
    • Les Generics
    • Helper types
  3. L'écosystème TS
    • Importer des types ou déclarer des types existants
    • Zoom sur la librairie Zod
    • La méta programmation
  4. Types avancés
    • Références entre types
    • Mapped types
    • Template literal types
    • Types conditionnels et mot-clef infer
  5. Tirer partie de son navigateur pour debugger son application
    • Breakpoints & Debugging
    • Manipulation de la console
    • Analyser les requêtes sortantes de votre application
    • Profiler votre application
  6. Conclusion


Modalités d'accueil

Possibilité de faire chauffer son repas sur place
Café offert
Parking


Formation(s) liée(s)

Angular
à partir de
2200 €
(8)
Angular Develop

Formez-vous au framework Angular et créez des applications web dynamiques et complexes.