JavaScript

Blended learning

Who is the training for?

All public

Level reached

Advanced

Duration

2,00 day(s)

Language(s) of service

FR

Prerequisites

Bonne connaissance du HTML, du CSS et du web. Avoir pratiqué un langage de programmation.

Goals

Le langage JavaScript est devenu incontournable dans le développement de sites Web, tant pour sa relation forte à l'interface graphique que pour le traitement client/serveur. Cette formation vous apportera toute la connaissance pour interfacer le langage avec les éléments graphiques des pages Web.

  • Adopter les bonnes pratiques JavaScript et le maîtriser pour pouvoir être autonome avec les frameworks.
  • Maîtriser la programmation orientée Objet avec JavaScript
  • Modulariser et améliorer ses développements avec l’ES6, nouvelle version de Javascript.

Contents

PRATIQUES JAVASCRIPT

  • Forme de chargement (head, footer, async, defer, DOMcontentLoaded)
  • Minification, concaténation, cache, CDN, compatibilité: Polyfills
  • Mode strict et débugger
  • Convention de codage (Google guidelines, JSHint, JSLint )
  • JSDoc: documentation normalisée

JAVASCRIPT: TYPE SCRIPT

  • Type fort
  • Interface

JAVASCRIPT ES5, DOM, ÉVÈNEMENTS

  • Pièges des variables et fonctions querySelectorAll, textContent, classList, addEventListener, seTimeout, bin

ECMASCRIPT 6 ( ES6 / ES2015 )

  • Compileur ES6, babel, traceur et typescript
  • Portée locale à un bloc et constantes
  • Template litterals
  • Paramètres valeurs par défaut, rest, spread
  • Déstructuration et arrow function

AJAX NOUVELLE GENERATION ET PROMISES

  • JSON
  • Fetch API
  • Promise

APIS HTML 5

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

PROGRAMMATION ORIENTÉE OBJET EN ES6

  • Classes
  • Héritages
  • Getters/Setters, statique
  • Typescript: visibilité, classes abstraites, interface

MODULES JAVASCRIPT

  • Inclusions et dépendances asynchrones: requirejs AMD
  • Inclusion et dépendances synchrones: browserify Common JS
  • Module ES6: SystemJS/Webpack

AUTOMATISATION EN JAVASCRIPT

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

These courses might interest you