Développement JavaScript Moderne

Informatique Informatique
Référence formation : 4-JA-ES6 - Durée : 2 jours

 
  • Objectifs
  • Pré-requis
  • Pédagogie
Pouvoir optimiser vos développements avec la version la plus récente de Javascript
Ce cours nécessite un minimum de connaissance dans le langage Javascript.

Méthodes pédagogiques

Présentation des concepts, démonstration, exécution, synthèse et exercices pratiques d'assimilation

Modalités pédagogiques

Présentiel - Distanciel - AFEST

Moyens pédagogiques

Formateur expert du domaine - 1 ordinateur, 1 support de cours version papier ou numérique, un bloc-note et un stylo par personne - vidéo projecteur - tableau blanc

Modalités d'évaluation

Positionnement préalable oral ou écrit - Evaluation formative tout au long de la formation - Evaluation sommative faite par le formateur ou à l'aide de la certification NULL

Public concerné

Salariés - Demandeur d'emploi - Reconversion professionnelle

Si vous êtes en situation de handicap, vous pouvez joindre notre référent Handicap. Voir notre fiche Accès correspondante.

Contenu pédagogique

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