Voici les principaux axes que vous allez atteindre grâce à notre formations et nos experts :

Bonnes pratiques JavaScript

• Mis en contexte les rôles de JavaScript
• Compatibilité : le point sur le standard et les navigateurs actuels
• Gestion des packages : npm
• Mode strict, console et debugger
• Conventions de codage (Google guidelines, eslint…)

Nouveautés ECMAScript 6 (ES6)

• Portée locale à un bloc et constantes
• Template literals
• Nouvelles ( syntaxes pour les objets / collections : Set, Map / façons d’itérer)
• Paramètres : valeurs par défaut, rest, spread
• Arrow functions
• Déstructuration

DOM et événements

• Manipulation de la page : querySelectorAll, classList…
• Gestion des interactions : addEventListener…
• Animations : transitions et nouvelle API Web Animations
• Nouveautés DOM4

Nouvel AJAX et asynchronicité

• Promise
• API fetch & JSON
• Fonctions asynchrone

TypeScript

• JSDoc : documentation normalisée
• Typage statique avec TypeScript
• Typings et autocomplétion

Programmation Orientée Objet en ES6

• Classes et héritage
• Gestion du contexte
• Getters / setters
• Méthodes statiques
• Visibilité, classes abstraites et interfaces ?
• Modules ES6 et systemjs

Mise en prod : performances et sécurité

Il y a aujourd’hui beaucoup de choses à gérer lors de la mise en production, pour que vos scripts se chargent rapidement. Heureusement, les outils se sont simplifiés et unifiés.

• Options de chargement avancées (async)
• Compatibilité : polyfills
• Transpileurs ES6 : babel et TypeScript
• Build et minification : rollup et webpack
• Automatisation : scripts npm
• HTTP/2
• Protection XSS : Content Security Policy

Web Components

• Templates
• Shadow DOM v1
• Custom elements v1

APIs pour les applications

• Historique et navigation
• Stockage local
• Service workers et Progressive Web App
• Manifeste d’application Temps réel : Web sockets

Le choix du framework

• Cocomparatif Angular / React / Vue

Programmation fonctionnelle

• Utilité de la programmation fonctionnelle
• L’exemple RxJS