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
Durée
3 jours (21 heures)

Prix
1 965,00 €  HT

Référence
CE954
Dans vos locaux ou à distance
Référence
CE954

Durée
3 jours (21 heures)

Forfait intra - En savoir plus
4 420,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 !
Lire la suite
Pour qui ?

A qui s'adresse cette formation ?

Pour qui

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

Prérequis

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

Evaluation

  • Pendant la formation, le formateur évalue la progression pédagogique des participants via des QCM, des mises en situation et des travaux pratiques. Les participants passent un test de positionnement avant et après la formation pour valider leurs compétences acquises.
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
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.
  • 95% des participants à cette formation se sont déclarés satisfaits ou très satisfaits au cours des 12 derniers mois.

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 sur campusAtlas.
En savoir plus sur le FNE-Formation.
Pour toute demande d'information sur le financement de cette formation, contactez nos conseillers formation.

Sessions

Mise à jour le 12/06/2024
  • 1 965,00 € HT
    Places disponibles
    Choisir une session
    Aix en Provence
    Pôle d'activités d'Aix-en-Provence / Espace Cezanne 2ème étage 135, rue André Ampère
    13290 Aix-en-Provence
  • 1 965,00 € HT
    Places disponibles
    Choisir une session
    Strasbourg
    Immeuble l'Avancée 26C, Bd du Président Wilson
    67000 Strasbourg
  • 1 965,00 € HT
    Places disponibles
    Choisir une session
    Bordeaux
    9 rue de Condé
    33000 Bordeaux
  • 1 965,00 € HT
    Places disponibles
    Choisir une session
    Lyon
    Le 6ème Sens 186, avenue Thiers
    69465 Lyon Cedex 06
  • 1 965,00 € HT
    Places disponibles
    Choisir une session
    Sophia Antipolis
    400 avenue Roumanille BP309 - Sophia Antipolis
    06410 Biot
  • 1 965,00 € HT
    Places disponibles
    Choisir une session
  • 1 965,00 € HT
    Places disponibles
    Choisir une session
    Paris
    Tour Atlantique / 1 place de la Pyramide La Défense 9
    92800 Puteaux
  • 1 965,00 € HT
    Places disponibles
    Choisir une session
    Rouen
    Parc d'Activités Technologiques de la Vatine / Bâtiment Red Cow - 2ème étage 2 ter rue Georges Charpak
    76130 Mont St Aignan
  • 1 965,00 € HT
    Places disponibles
    Choisir une session
    Nantes
    Immeuble Atalante 2 / Zac du Moulin Neuf 2, impasse Augustin Fresnel
    44800 St Herblain
  • 1 965,00 € HT
    Places disponibles
    Choisir une session
    Toulouse
    Immeuble TEA / Innoparc A 41 Rue de la Découverte, CS 37621
    31675 Labège Cedex
  • 1 965,00 € HT
    Places disponibles
    Choisir une session
    Sophia Antipolis
    400 avenue Roumanille BP309 - Sophia Antipolis
    06410 Biot
  • 1 965,00 € HT
    Places disponibles
    Choisir une session
    Rennes
    ZAC de Saint Sulpice / Immeuble Osiris II 12J, rue du Patis Tatelin
    35000 Rennes
  • 1 965,00 € HT
    Places disponibles
    Choisir une session
    Paris
    Tour Atlantique / 1 place de la Pyramide La Défense 9
    92800 Puteaux
  • 1 965,00 € HT
    Places disponibles
    Choisir une session
    Lyon
    Le 6ème Sens 186, avenue Thiers
    69465 Lyon Cedex 06
  • 1 965,00 € HT
    Places disponibles
    Choisir une session
    Lille
    Immeuble Le Corbusier 19, avenue Le Corbusier
    59000 Lille
  • 1 965,00 € HT
    Places disponibles
    Choisir une session
    Aix en Provence
    Pôle d'activités d'Aix-en-Provence / Espace Cezanne 2ème étage 135, rue André Ampère
    13290 Aix-en-Provence
  • 1 965,00 € HT
    Places disponibles
    Choisir une session
Formation - JavaScript - Programmation avancée