Accueil > Développement Front-End

 > Développement JavaScript Moderne

null

Développement Front-End

Développement JavaScript Moderne

Objectif

Pouvoir optimiser vos développements avec la version la plus récente de Javascript

Durée : 2 jours (14 heures)

Dates :
-27/03/23
-08/06/23
-12/10/23
-18/12/23

Ce cours nécessite un minimum de connaissance dans le langage Javascript

Programme de la formation

Bonnes pratiques JavaScript

  • Types de chargement (head, footer, async, defer, DOMContentLoaded)
  • Minification, concaténation, cache, CDN
  • Compatibilité : polyfills
  • Mode strict et debugger
  • Conventions de codage (Google Guidelines, JSHint / JSLint)
  • JSDoc : documentation normalisée

JavaScript fortement typé (TypeScript)

  • Typage fort
  • Interfaces

JavaScript moderne : ES5, DOM, événements

  • Pièges des variables et fonctions
  • QuerySelectorAll, textContent, classList
  • AddEventListener, setTimeout, bind

ECMAScript 6 (ES6 / ES2015)

  • Compileurs ES6 : babel, traceur et typescript
  • Portée locale à un bloc et constantes
  • Template litterals
  • Paramètres : valeurs par défaut, rest, spread
  • Destructuration et arrow functions

AJAX nouvelle génération et Promises

  • JSON
  • fetch API
  • Promise

APIs HTML5

  • Historique et navigation
  • Géolocalisation
  • Médias (webcam…)
  • Web sockets : socket.io
  • Stockage local
  • Service workers

Programmation Orientée Objet en ES6

  • Classes
  • Héritage
  • Getters / setters, statique
  • TypeScript

Modules JavaScript

  • Inclusions et dépendances
  • Modules ES6 : SystemJS / webpack

L’automatisation

  • Gestion des packages : npm
  • Bundling et tâches : webpack et rollup

Introduction à Node.js (le backend Javascript)

  • Le futur : intro aux Web Components

Formations similaires

Menu