JavaScript, les fondamentaux : maîtriser le langage pour des applications web dynamiques

Module 1 — Les technologies du web

• Introduction à l'architecture du web et au fonctionnement des navigateurs
• Les protocoles HTTP/HTTPS
• Outils de développement : prise en main des DevTools
• Travaux pratiques : découverte des DevTools et analyse d'applications web

Module 2 — Premiers pas avec JavaScript

• Histoire et évolution du langage JavaScript
• Configuration de l'environnement de développement
• Syntaxe de base : types de données, variables et portées (var, let, const)
• Travaux pratiques : installation et configuration, premiers scripts, manipulation des types

Module 3 — Programmation JavaScript fondamentale

• Structures de contrôle : conditions (if, switch) et boucles
• Fonctions, paramètres et portée
• Gestion des erreurs avec try/catch
• Travaux pratiques : structures de contrôle, création de fonctions, debugging

Module 4 — Programmation orientée objet avec JavaScript

• Objets et classes en JavaScript
• Système de prototypes et mécanismes d'héritage
• Manipulation de données JSON
• Patterns de conception courants
• Travaux pratiques : objets et classes, héritage et prototypes, JSON et données

Module 5 — Événements JavaScript

• Fonctionnement du système d'événements JavaScript
• Gestion des événements souris, clavier et formulaires
• Propagation des événements et bonnes pratiques associées
• Travaux pratiques : fondamentaux des événements, gestion avancée, debugging d'événements

Module 6 — Manipulation du DOM

• Structure et hiérarchie du Document Object Model
• Méthodes de sélection, création et modification d'éléments
• Manipulation des attributs et des styles CSS via JavaScript
• Navigation dans l'arbre DOM
• Travaux pratiques : sélecteurs DOM, manipulation dynamique, styles et attributs

Module 7 — Formulaires et validation

• Création et structuration de formulaires HTML
• Validation côté client en JavaScript et gestion des messages d'erreur
• Patterns de validation courants et sécurité des formulaires
• Travaux pratiques : construction de formulaires, validation des données, tests et debugging

Module 8 — Stockage de données côté client

• Introduction aux mécanismes de stockage disponibles dans le navigateur
• Web Storage API : localStorage et sessionStorage
• Gestion des cookies, sécurité et bonnes pratiques
• Travaux pratiques : manipulation des cookies, Local Storage API, persistance des données

Module 9 — JavaScript moderne et responsive design

• Fonctionnalités ES6+ : arrow functions, destructuring, modules
• Principes du responsive design : media queries et breakpoints
• Animations et transitions CSS/JS
• Travaux pratiques : ES6+ en pratique, design responsive, animations web

Module 10 — Optimisation et performances

• Bonnes pratiques d'optimisation JavaScript
• Outils de débogage avancé, profilage et benchmark
• Stratégies de mise en cache et techniques de lazy loading
• Travaux pratiques : audit de performance, optimisation de code, tests de charge

Module 11 — Projet final : développement

• Méthodologie de gestion de projet et architecture d'application
• Développement itératif, tests, validation et revue de code
• Travaux pratiques : planification, développement des fonctionnalités, tests et optimisation

Module 12 — Projet final : livraison

• Finalisation des fonctionnalités, documentation technique et utilisateur
• Stratégies de déploiement et tests de non-régression
• Travaux pratiques : debugging final, documentation du projet, présentation des réalisations