Descriptif
JavaScript : les fondamentaux est une formation de 3 jours (21 heures), de niveau initiation, rattachée au domaine « Développement logiciel, informatique et Web ». Programmer en JavaScript moderne. Conçue et animée par des praticiens en activité, elle alterne apports ciblés (30 %) et mises en pratique (70 %) sur des laboratoires cloud individuels, avec des cas inspirés des secteurs banque, assurance et services publics. Disponible en inter-entreprises, en intra sur catalogue et en version sur mesure adaptée au contexte de l'entreprise.
Objectifs pédagogiques
À l'issue de la formation, le participant sera capable de :
- Syntaxe
- Fonctions
- DOM
- Asynchrone
- Modules
Programme détaillé
| N° | Contenus et activités | Durée |
|---|---|---|
| Jour 1 | ||
| 1 | Ouverture : attentes, test de positionnement et prise en main de l'environnement — éditeur en ligne, console et outils de développement du navigateur, sans rien installer sur le poste | 0,5 h |
| 2 | Où s'exécute JavaScript : moteur du navigateur, script de page, module, console interactive, points d'arrêt et pas à pas | 1 h |
| 3 | Syntaxe : let et const, types et conversions, opérateurs, conditions, boucles, gabarits de chaînes | 2 h |
| 4 | Atelier guidé : premiers scripts — calculs, tests conditionnels, boucles, affichage en console puis dans la page | 1,5 h |
| 5 | Travaux pratiques : démarrer le fil rouge « gestionnaire de tâches » — saisir une tâche, la stocker dans un tableau et afficher la liste | 2 h |
| Jour 2 | ||
| 6 | Fonctions : déclarations et expressions, fonctions fléchées, paramètres par défaut et reste, portée, fermetures, valeur de this | 2 h |
| 7 | Travaux pratiques : structurer le fil rouge en fonctions réutilisables, puis filtrer et trier les tâches | 1,5 h |
| 8 | Objets et tableaux : destructuration, opérateur de décomposition, map, filter, reduce et find, sérialisation JSON | 1,5 h |
| 9 | Travaux pratiques : manipuler le DOM — créer, modifier et supprimer des éléments, déléguer les événements, persister les tâches dans localStorage | 2 h |
| Jour 3 | ||
| 10 | Programmation asynchrone : boucle d'événements, callbacks, promesses, async et await, traitement des erreurs | 2 h |
| 11 | Travaux pratiques : charger les tâches depuis une API REST avec Fetch, afficher un état de chargement et gérer les échecs | 2 h |
| 12 | Atelier : modules et organisation du code — import et export, portée des modules, découpage en fichiers, formatage et outils de qualité appliqués au fil rouge | 1,5 h |
| 13 | Travaux pratiques : découper le gestionnaire de tâches en modules ES, écrire quelques tests et livrer la version finale | 1 h |
| 14 | Évaluation des acquis : quiz, revue des projets livrés et ressources pour poursuivre en autonomie | 0,5 h |
Méthodes pédagogiques
- Pédagogie active : 55 % du temps en pratique encadrée — laboratoires cloud provisionnés par participant, travaux pratiques guidés, fil rouge applicatif —, le reste en apports structurés, démonstrations commentées, cadrage et évaluation
- répartition calculée sur le déroulé détaillé de cette formation, et non annoncée de façon uniforme
- classe inversée avec prérequis sur le LMS
- apprentissage adaptatif selon le positionnement initial
- travaux en binômes
- classe virtuelle en séquences de 3 h 30 maximum sur Microsoft Teams
- support clair, complet et paginé remis à chaque participant
Technologies et outils mobilisés
JavaScript ES2023, navigateurs, VS Code
Modalités d'évaluation et de validation
- Positionnement initial en ligne
- quiz de validation à chaque séquence
- évaluation finale des acquis (QCM et mise en situation)
- satisfaction à chaud
- questionnaire de transfert à 30 jours
- attestation de fin de formation
Plateforme, laboratoires et ressources
- LMS DATAROCKSTARS : parcours, supports numériques, quiz, évaluations, émargement par demi-journée
- laboratoires cloud individuels accessibles depuis un navigateur, sans installation, données fictives, détruits en fin de session
- bibliothèque O'Reilly (plus de 60 000 ressources)
- accès aux supports pendant 6 mois