Fantom Tag

Formation - JavaScript - Programmation avancée

Développer des applications client riches en JavaScript, avec les normes Ecmascript, les bons outils et frameworks associés

  • Présentiel ou classe à distance
  • Fondamental
PRESENTIEL OU CLASSE A DISTANCE
Référence
CE954

Durée
3 jours (21 heures)

Prix 2023
1 910,00 €  HT
Dans vos locaux ou à distance
Référence
CE954

Durée
3 jours (21 heures)

Forfait intra - En savoir plus
4 300,00€ HT
(Prix pour un groupe de 12 personnes max)
Formation à la demande
Cette thématique vous intéresse ?
Nos experts conçoivent votre formation
sur-mesure !
Consulter le programme 2024
Lire la suite
Pour qui ?

A qui s'adresse cette formation ?

Pour qui

  • Développeurs Web, architectes web, chefs de projet, webmasters...

Prérequis

  • Avoir des connaissances pratiques en JavaScript, HTML et CSS
  • Posséder des connaissances de base de XML
Programme

Le programme

1 - Le mot-clé "this"

  • Comparaison avec les autres langage objet : une histoire de contexte d'exécution
  • Problème commun des fonctions asynchrones
  • Les closures
  • Les méthodes de la classe Function : call, apply et bind

2 - Liste d'éléments : des alternatives aux boucles

  • Les méthodes de la classe Array
  • Algorithme de mapping (map)
  • Algorithmes de filtrage (filter)
  • Algorithmes d'agrégation ou de réduction (reduce)

3 - Les architectures pré-ES2015

  • État du chargement des scripts dans le navigateur
  • Pollution du scope global
  • Absence d'isolation de code
  • Absence d'isolation de sémantique
  • Les IIFEs
  • Les script-loaders

4 - ES2015

  • Contexte historique
  • Le TC39 et le système d'apport progressif
  • Let et const
  • Les objets littéraux avancés
  • Les string templates
  • Les fonctions fléchées
  • Les paramètres par défaut
  • Le paramètre du reste (rest)
  • La boucle for...of
  • La syntaxe de décomposition (spread)
  • Affectation par décomposition (destructuring)
  • La POO (nouvelles syntaxes des classes, héritage)
  • Les promesses
  • Async / Await
  • Les modules ES2015 (utilisation standard et module-bundlers)

5 - Les packages et la transpilation

  • CommonJS : un système de module
  • Le gestionnaire de paquet npm
  • Le fichier package.json
  • Le problème de la rétro-compatibilité
  • La solution : Babel (AST, transformations)
  • Les plugins Babel
  • Les presets Babel

6 - TypeScript

  • Contexte historique
  • Définition
  • Configurations (CLI, tsconfig.json)
  • L'évolution parallèle de ECMAScript et de TypeScript
  • Le typage statique
  • Les types de bases
  • Les alias de type
  • L'inférence de type
  • Les interfaces
  • La POO (encapsulation, raccourcis de définition de propriété)
  • Typage des fonctions
  • La généricité

7 - Web APIs et PWA

  • Qu'est-ce qu'une PWA ?
  • LocalStorage / SessionStorage
  • Cache
  • Fetch
  • Geolocation
  • Service workers

8 - Tests

  • Les différents types de test
  • Test unitaire
  • Test d'intégration
  • Test fonctionnel (ou end-to-end)
  • Les tests runners

9 - Introduction aux Librairies / Frameworks Front-End

  • Définition d'une librairie UI
  • Définition d'un framework front-end
  • SPA vs SSR
  • La philosophie des composants
  • Différences entre les principales technologies (React, Angular, Vue)

10 - Bonus : Node.js et autres Web APIs

  • Introduction à la programmation serveur avec Node.js (modules http, path et fs)
  • Canvas / SVG
  • Page visibility API
Objectifs

Les objectifs de la formation

  • Découvrir les concepts avancés JavaScript ES5
  • Mettre en pratique la Programmation Orientée Objet
  • Maîtriser l'environnement de débogage
  • Mettre en oeuvre le framework JavaScript jQuery
  • Manipuler les API JavaScript HTML5
  • Appréhender la notion de JavaScript côté serveur avec Node.js
Evaluation

Evaluation

  • Cette formation fait l'objet d'une évaluation formative.
Points forts

Les points forts de la formation

  • Une progression pédagogique qui permet de comprendre les traitements qui peuvent être délocalisés du serveur vers le poste client.
  • Création d'applications "fil rouge" : création du contenu, de la mise en forme, tests multi-navigateurs, ajout de fonctionnalités dynamiques en JavaScript, mise en production.
  • La pédagogie favorise les échanges entre participants ; l'animateur apporte des réponses personnalisées à chacun.

Qualité des formations

ib Cegos est certifié Iso 9001 et Qualiopi.

Financement

Les solutions de financement

Spécial adhérents Atlas
Cette formation est éligible à l'action collective campusAtlas "Développement web".
En savoir plus sur les Actions Collectives Atlas.
Financer cette formation avec le FNE
Cette formation est éligible au dispositif FNE-Formation 2023 sur campusAtlas.
En savoir plus sur le FNE-Formation.
Pour toute demande d'information sur le financement de cette formation, contactez nos conseillers formation.

Dates et villes

Mise à jour le 30/11/2023
    Consulter les dates 2024