Formation JavaScript
Dynamisez vos sites et applications web avec JavaScript : apprenez tous les rouages du navigateur, du DOM et de l'ECMAScript moderne.
Durée de formation : 2 jours
Lieux de formation :- Présentiel à Strasbourg
- Possible en groupe (intra-entreprise)
Public
Cette formation à JavaScript moderne (EcmaScript) est destinée aux webdesigners et développeurs/intégrateurs qui souhaitent cerner les pratiques actuelles de conception de scripts utiles et pratiques pour interagir avec la page web.
Objectifs
À la fin de la formation, vous connaissez les enjeux du développement JavaScript et l'historique de ses versions. Vous connaissez la syntaxe la plus avancée et actuelle. Vous êtes capable de créer des événements d'interaction avec le visiteur, de manipuler le document HTML, d'effectuer des requêtes réseau en arrière-plan, de bien choisir parmi les structures natives du langage.
Prérequis
Être familier avec HTML et CSS. Des notions minimales dans un langage de programmation similaire sont un plus.
Moyens pédagogiques
Durant chaque formation, les participants et participantes auront l’opportunité de mettre en application leurs apprentissages grâce à de nombreux cas pratiques et exercices. Ces exercices seront ensuite corrigés et explicités par le formateur ou la formatrice. Dans le cas de sessions inter-entreprises, à Strasbourg ou à Paris, la formation est dispensée dans les salles pédagogiques adaptées à des apprentissages informatiques : capacité de 1 à 8 personnes, équipement informatique fourni pour chacun des stagiaires, vidéo-projecteur et paperboard.
Suivi et appréciation des résultats
L'exécution de l'action de formation est suivie à l'aide de feuilles de présence émargées par demi-journée par les participants et le formateur. Sanction : attestation de présence. Un bilan des acquis est effectué à l'issue de la formation par questionnaire individuel en ligne et par les exercices réalisés durant la session.
Modalités de positionnement et d’évaluation
Le positionnement à l'entrée est évalué par questionnaire individuel en ligne (comportant des questions relatives au profil, aux attentes, aux connaissances initiales et aux prérequis techniques) ainsi que par échange e-mail lors de la prise de contact et de la préparation du dossier. Un entretien préalable par visioconférence a lieu dans le cas des groupes en intra.
Dernière mise à jour de ces informations :
Introduction et historique
- Origines de JavaScript (Netscape, ECMAScript)
- Réputation et popularité du langage
- Domaines d'application (web, serveur, mobile)
Frameworks et bibliothèques
- Inventaire de l'écosystème JavaScript
- Bibliothèques utilitaires (Lodash, Axios)
- Frameworks légers (Alpine, Svelte)
- Frameworks majeurs (React/Next, Vue/Nuxt, Astro)
Outils de développement
- Console et DevTools du navigateur
- Visual Studio Code et extensions recommandées
- ESLint et conventions de code
- Allusion à TypeScript
Node.js et gestionnaires de packages
- Node.js : exécution JavaScript côté serveur
- NPM : installation, initialisation et commandes
- Gestion des dépendances (package.json, npx)
- Alternatives (pNPM, Deno, Bun)
- Outils de build (Vite, Babel)
- Hot Module Reloading et développement
- Node.js avec Express
- Concepts : compilateur, runtime, bundler
Gestion des fichiers et modules
- Balises script (
src,defer,async) - ES Modules (import/export)
- Imports dynamiques
- Fichiers de configuration
Types primitifs et manipulation de données
- Déclaration de variables (
var,let,const) - Conversions et types de données
- Nombres, nombres flottants et séparateurs numériques
- Chaînes de caractères et template literals
- Expressions régulières
- Dates et internationalisation
- Opérateurs (égalités, ternaire, nullish coalescing)
Fonctions et portée
- Déclaration et utilisation des fonctions
- Arrow functions
- Arguments et valeurs par défaut
- Déstructuration dans les paramètres
- Hoisting et scope
Objets et structures de données
- Objets : création et manipulation
- Accès aux propriétés et chaînage optionnel
- JSON : format et conversion
- Constructeurs, prototypes et classes
- Déstructuration et property shorthand
Tableaux et collections
- Méthodes de manipulation de tableaux
- Itérations (
for...in,for...of,forEach,map) - Reduce et opérations avancées
- Spread operator
- Map, WeakMap, Set et WeakSet
Manipulation du DOM
- Concepts de base (
window,document,this) - Variables globales (navigateur vs Node.js)
- Sélection d'éléments
- Modification du contenu et du style
- Animations CSS
- Gestion des formulaires et
FormData - Media queries et
scrollIntoView - Redirection avec
document.location
Gestion des événements
- Écouteurs d'événements
- Event bubbling et délégation
- preventDefault et stopPropagation
- Target et différenciation des événements
- Événements clavier et
dataset - setTimeout et setInterval
Asynchronisme et promesses
- Event loop : fonctionnement
- Promesses et chaînage
- Then, catch, finally
- Async et await
- Éviter le callback hell
Communication avec les API
- Protocoles et architecture REST
- Méthodes d'accès aux API
- Fetch API : utilisation et syntaxe
- Gestion de JSON avec fetch
- Outils de débogage d'API
Performance et débogage
- Notions de performance
- Onglet Performance des DevTools
- Debugger et live expressions
- Bonnes pratiques (DRY, KISS)
Web Storage API
- LocalStorage et SessionStorage
- Fonctions de l'API
- Stockage de données structurées
- Précautions et notion d'origine
- Cas d'usage pratiques
- Inspection via DevTools
Ressources complémentaires
- Documentation et sites de référence
- Communauté et veille technologique
Témoignages
Ils ont aimé
Formation très intéressantes, on voit que le formateur connaît son sujet.
Besoin d'un financement ?
Une formation est un investissement : pour mieux vous permettre de vous former, des possibilités de financement vous sont proposées dont la prise en charge par votre OPCO.
Avant cette formation, préparez-vous avec :
À la suite de cette formation, nous vous recommandons :
Envie de connaître la date
de nos prochaines formations ?
Nous contacter
Téléphone : 09 54 96 50 50 Adresse e-mail : contact alsacreations point fr
Alsacréations10 Place du Temple Neuf
67000 Strasbourg, France