Dernière mise à jour le 03/04/2025

Informations générales

Type de formation : Formation continue
Domaine : Développement
Filière : Transformation digitale
Rubrique : HTML - CSS - JavaScript - XML
Formation éligible au CPF : Non
Formation Action collective : Non

Objectifs & compétences

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

Public visé

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

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

Modalités

Modalités : en présentiel, distanciel ou mixte . Toutes les formations sont en présentiel par défaut mais les salles sont équipées pour faire de l'hybride. – Horaires de 9H à 12H30 et de 14H à 17H30 soit 7H – Intra et Inter entreprise.
Pédagogie : essentiellement participative et ludique, centrée sur l’expérience, l’immersion et la mise en pratique. Alternance d’apports théoriques et d’outils pratiques.
Ressources techniques et pédagogiques : Support de formation au format PDF ou PPT Ordinateur, vidéoprojecteur, Tableau blanc, Visioconférence : Cisco Webex / Teams / Zoom.
Pendant la formation : mises en situation, autodiagnostics, travail individuel ou en sous-groupe sur des cas réels.

Méthodes

Fin de formation : entretien individuel.
Satisfaction des participants : questionnaire de satisfaction réalisé en fin de formation.
Assiduité : certificat de réalisation.
Validations des acquis : grille d'evalution  des acquis établie par le formateur en fin de formation.
Code de formation : SP51060

Tarifs

Prix public : 2090
Tarif & financement :
Nous vous accompagnons pour trouver la meilleure solution de financement parmi les suivantes :
Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
Le dispositif FNE-Formation.
L’OPCO (opérateurs de compétences) de votre entreprise.
France Travail: sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.
CPF -MonCompteFormation
Contactez nous pour plus d’information : contact@aston-institut.com

Lieux & Horaires

Campus : Ensemble des sites

Durée : 21 heures
Délai d'accès : Jusqu'a 8 jours avant le début de la formation, sous condition d'un dossier d'insciption complet

Distanciel possible : Oui

Prochaines sessions

Cliquez sur la date choisie pour vous inscrire :

  • Inscription au 28 / 04 / 2025
    : Ensemble des sites
    : Distanciel possible
    : 21 heures
    : 3 jours
  • Inscription au 10 / 06 / 2025
    : Ensemble des sites
    : Distanciel possible
    : 21 heures
    : 3 jours
  • Inscription au 18 / 08 / 2025
    : Ensemble des sites
    : Distanciel possible
    : 21 heures
    : 3 jours
  • Inscription au 20 / 10 / 2025
    : Ensemble des sites
    : Distanciel possible
    : 21 heures
    : 3 jours
Handi-accueillante Accessible aux personnes en situations de handicap. Pour toutes demandes, contactez notre référente, Mme Rizlene Zumaglini Mail : rzumaglini@aston-ecole.com

à voir aussi dans le même domaine...

Formation continue

Transformation digitale

W-ACC

L’accessibilité pour le Web, mise en pratique des référentiels

Maîtriser les enjeux de la mise en conformité de son site (bénéfices ergonomiques, implications techniques, éditoriales et budgétaires...) Anticiper et planifier la migration vers l'accessibilité du site Acquérir une vision d'ensemble de la conception HTML de sites Web accessibles Se forger un savoir-faire en conception de pages HTML et feuille de styles accessibles Comprendre les obligations légales du concepteur de site en termes d'accessibilité

14 heures de formations sur 2 Jours
En savoir plus

Formation continue

Transformation digitale

W-JSC

Web Dynamique avec JavaScript

Javascript, dom, js, navigateur, css, xmlhttprequest, html, évènements, formulaires, priogrammation, développement

Acquérir les bases JavaScript nécessaires pour développer des pages web plus conviviales et interactives Comprendre comment rajouter de l'interactivité sur les pages et formulaire Web Savoir manipuler dynamiquement des objets HTML  

21 heures de formations sur 3 Jours
En savoir plus

Formation continue

Transformation digitale

W-AJA

Développer un site Web 2.0 avec Ajax

ajax, javascript, xml, prototype, scriptaculous, yui, dojo, graceful degradation, dom, formulaire, xmlhttprequest, xhr, drag drop, widgets

Améliorer les applications Web avec Ajax Créer des applications client riches avec Ajax

21 heures de formations sur 3 Jours
En savoir plus

Formation continue

Transformation digitale

W-MAR

Web marketing : création, animation & analyse de trafic

Communication, marketing, display, newsletter, affiliation, agence de communication, relation client, agence web, formation communication, mesure performance, plan de communication, mesure de la performance, web marketing, e mailing,

Dresser un panorama des outils e-marketing selon l'objectif, la cible et le budget Savoir construire un « media planning » pour lancer, animer son site et développer le retour sur investissement Focus sur quelques leviers, accélérateurs de trafic Générer et mesurer la performance de vos actions e-marketing  

14 heures de formations sur 2 Jours
En savoir plus

Formation continue

Transformation digitale

W-ANA

Google analytics : améliorez votre site et rentabilisez vos actions

Web analytics, web analytique, Google Analytics, Xiti, Omniture, Webtrends, acquisition de trafic, Coremetrics, Xiti, performance web

Exploiter Google analytics pour améliorer les performances de son site web Définir les Indicateurs Clés de Performance (KPI) Piloter un plan de marquage pour améliorer l'efficacité et la rentabilité de votre site Web et de vos campagnes e-marketing Interpréter les statistiques pour mettre en œuvre des actions d'amélioration

14 heures de formations sur 2 Jours
En savoir plus

Formation continue

Transformation digitale

W-NOD

Node.js, programmation JavaScript côté serveur

Installer et configurer un serveur Node.js Mettre en œuvre les concepts de la programmation événementielle et asynchrone Mettre en place un framework Web Manipuler l'API de Node.js Gérer la persistance dans une base de données NoSQL avec un ODM  

28 heures de formations sur 4 Jours
En savoir plus