Développeur Web HTML 5, CSS 3 et JavaScript

JavaScript - Programmation avancée

3 jours (21h00) | 9 4,5/5 | JVS-AV | Évaluation qualitative de fin de stage | Formation délivrée

en présentiel ou distanciel
Formations Informatique › Langages et développement › Développeur Web HTML 5, CSS 3 et JavaScript

Contenu mis à jour le 29/01/2025. Document téléchargé le : 25/04/2025.

Public concerné
Développeurs, architectes et chefs de projets techniques.

Prérequis
Avoir suivi le cours JVS-IN "JavaScript - Fondamentaux" ou avoir une connaissance pratique du langage JavaScript.

Programme de votre formation

M2i START Contextualisation du projet de formation et prise en compte des besoins de chacun
Positionnement initial de l’apprenant par rapport aux objectifs
Définition des priorités et des objectifs personnels de l’apprenant
Vidéos de mise en situation
Accès au Chat interactif myM2i pour interagir avec les membres de son groupe

M2i LIVE ¹

Programme

Jour 1 - Matin
Maîtrise des fonctions de "debug" dans les IDE et les navigateurs
– Configuration de Visual Studio Code afin de déboguer depuis l'IDE
– Accès aux fenêtres de débogage depuis les extensions des principaux navigateurs
(Chrome, Edge, FireFox)

Exemple de travaux pratiques (à titre indicatif)

– Sur la base d'un programme intégrant les principales structures de JavaScript,

utilisation des principaux outils de débogage

Rappels importants du langage

– Les éléments de premier ordre dans JavaScript
– La portée des données
– Les fonctions
– Objets ou fonctions ?
– Le débogage avec les meilleurs outils actuels

Pièges du langage
– Typage faible
– "Hoisting"
1/4 m2iformation.fr | [email protected] | 01 44 53 36 00 (Prix d'un appel local)
 – Contexte et variables globales
– Changement de contexte

Jour 1 - Après-midi
Programmation objet
– Différentes façons de créer des objets
– Constructeurs
– Valeur de "this" dans un objet
– Prototype et __proto__
– Diverses façons d'hériter
– Visibilité

Jour 2 - Matin
Exemples de travaux pratiques (à titre indicatif)

– Conception d'une application qui exploite les fonctions

– Transformation de l'application, permettant d'exploiter les objets et l'héritage

Programmation fonctionnelle
– Fonctions
– Anonymes
– Immédiates
– Internes
– Redéfinition
– Surcharge et mot-clé (arguments)
– "Closure"

Programmation asynchrone
– Avantages et problèmes liés
– Promesses, await et async
– Récupérer des données avec Fetch

Exemple de travaux pratiques (à titre indicatif)

– Réalisation d'un code asynchrone de récupération de données serveur

Jour 2 - Après-midi
Structuration et qualité du code
– Séparation en multiple fichiers
– Définition de modules
– Création et utilisation des modules
– Import et export
– Impacts des "closures" sur la lisibilité
– Qualité avec JSHint et JSLint

Exemples de travaux pratiques (à titre indicatif)

– Modularisation avec Require.js de l'application développée le jour précédent

– Utilisation des outils de Lint

Jour 3 - Matin
Exploiter les API HTML 5 en JavaScript
– Validation des formulaires en JavaScript
– Solutions de stockage
– LocalStorage
– IndexedDB
– JSON
2/4 m2iformation.fr | [email protected] | 01 44 53 36 00 (Prix d'un appel local)
 – WebSockets
– WebWorkers

Jour 3 - Après-midi
JavaScript et Node.js
– Différences dans les langages
– Asynchronisme
– REST serveur en Node.js et REST client en JavaScript
– Présentation d'une solution Web 100% JavaScript

Exemples de travaux pratiques (à titre indicatif)

– Exploitation des API de HTML 5 depuis JavaScript

– Utilisation des dernières fonctionnalités de ES 7 et 8, avec l'asynchronisme
(Async/await), promises
– Intégration d'un serveur simple Node.js dans la solution

Evolutions apportées par les récentes versions jusqu'à ES14

– Nouvelles fonctionnalités apportées entre les versions 8 et 14

M2i BOOST Réactivation et approfondissement des acquis en situation de travail.

30 jours d’accompagnement personnalisé sur myM2i inclus ²
Ressources Boosters (Abonnement au M2i’Mag Soft Skills, formations offertes,
invitations aux conférences d’actualité…)

Le contenu de ce programme peut faire l'objet d'adaptation selon les niveaux, prérequis et besoins des apprenants. A compter de janvier 2025, vous
pourrez bénéficier de la nouvelle signature pédagogique M2i.

Objectifs de formation
A l'issue de cette formation, vous serez capable de :

– Utiliser les fonctionnalités avancées de JavaScript jusqu'à la version ES14

– Utiliser tous les outils de débogage à disposition
– Décrire les contextes d'exécution
– Structurer le code JavaScript en modules
– Implémenter les concepts objets en JavaScript et les concepts fonctionnels
– Identifier les aspects avancés des "closures" et les promises
– Identifier les différences avec Node.js et expliquer le rôle de chacun.

Modalités, méthodes et moyens pédagogiques

Formation délivrée en présentiel ou distanciel* (blended-learning, e-learning, classe virtuelle,
présentiel à distance).

Le formateur alterne entre méthode** démonstrative, interrogative et active (via des travaux
pratiques et/ou des mises en situation).

Variables suivant les formations, les moyens pédagogiques mis en oeuvre sont :

– Ordinateurs Mac ou PC (sauf pour certains cours de l'offre Management), connexion internet
fibre, tableau blanc ou paperboard, vidéoprojecteur ou écran tactile interactif (pour le distanciel)
– Environnements de formation installés sur les postes de travail ou en ligne
– Supports de cours et exercices

3/4 m2iformation.fr | [email protected] | 01 44 53 36 00 (Prix d'un appel local)

 En cas de formation intra sur site externe à M2i, le client s'assure et s'engage également à avoir
toutes les ressources matérielles pédagogiques nécessaires (équipements informatiques...) au bon
déroulement de l'action de formation visée conformément aux prérequis indiqués
dans le programme de formation communiqué.

* nous consulter pour la faisabilité en distanciel

** ratio variable selon le cours suivi

Cette formation :
– Est animée par un consultant-formateur dont les compétences techniques, professionnelles et
pédagogiques ont été validées par des diplômes et/ou testées et approuvées par l'éditeur et/ou
par M2i Formation
– Bénéficie d'un suivi de son exécution par une feuille de présence émargée par demi-journée par
les stagiaires et le formateur.

Modalités d’évaluation des acquis

– En cours de formation, par des études de cas ou des travaux pratiques

– Et, en fin de formation, par un questionnaire d'auto-évaluation

Accessibilité de la formation
Le groupe M2i s'engage pour faciliter l'accessibilité de ses formations. Toutes nos formations sont
accessibles aux personnes en situation de handicap : les détails de l'accueil des personnes sont
consultables sur la page Accueil PSH.

Modalités et délais d’accès à la formation

Les formations M2i sont disponibles selon les modalités proposées sur la page programme.
Les inscriptions sont possibles jusqu'à 48 heures ouvrées avant le début de la formation.
Dans le cas d'une formation financée par le CPF, ce délai est porté à 11 jours ouvrés.

1. Les actions et les outils présentés dans ce programme le sont à titre indicatif et peuvent faire l’objet
d'adaptation selon les niveaux, prérequis et besoins des apprenants. Les compétences clés de ce
programme sont traitées à raison d'une compétence par demi-journée de formation.
2. Sur myM2i, pendant 30 jours post-fin de formation, les apprenants disposent d’une messagerie sécurisée
pour échanger, dans la limite de 4 sollicitations, avec leur formateur.

Scannez ce code pour consulter le programme en ligne et vous

inscrire

4/4 m2iformation.fr | [email protected] | 01 44 53 36 00 (Prix d'un appel local)