Après une introduction à la syntaxe, nous créerons des pages web dynamiques en utilisant le Document Object Model (DOM). Nous discuterons l'utilisation des événements pour gérer la soumission et la validation des formulaires.

À part de JavaScript «classique», nous couvrirons des sujets nécessaires pour créer de plus grandes applications structurées en JavaScript. Cela inclut l'utilisation des classes, des modules et une introduction aux applications monopage (SPA) et aux appels d'API.

À la fin du cours, nous discuterons d'autres technologies JavaScript, telles que TypeScript, Node.js et Bootstrap, et nous fournirons un aperçu des bibliothèques et frameworks JavaScript actuels.

Après avoir suivi cette formation, les participants:

• seront capables de créer un site web dynamique avec JavaScript
• auront acquis une bonne connaissance pratique des concepts de base de JavaScript en relation avec HTML
• seront préparés à aborder des applications plus importantes, éventuellement en utilisant des bibliothèques de composants web comme Lit ou des frameworks comme Angular ou React.

• Introduction en JavaScript
  • C'est quoi, le JavaScript?
  • historique et standardisation
  • JavaScript Hello World
• Syntaxe
  • types de données et variables
  • opérations
  • flux de programme: if-else, switch, while, do while, for
  • fonctions: déclaration, paramètres rest, function expressions, arrow functions
• JavaScript dans/et HTML
  • Revue de HTML et CSS
  • Document Object Model (DOM) et Browser Object Model (BOM)
• Programmation des événements
  • événements et types d'événements
  • déclencher des événements via des attributs
  • event listeners
  • propagation des événements
• Programmation orientée objet
  • objets Javascript et/vs JSON
  • Prototypes
  • Classes
  • modules
• Objets courants en JavaScript
  • String, Array, Date, Math
• Formulaires
  • formulaires en HTML
  • interaction utilisateur : soumission de formulaires, remplissage de menus, événements de changement
  • navigation: navigation de base, History API, Single-Page Architecture (SPA)
  • transport des données entre les pages: cookies, sessionStorage et localStorage, FormData
  • introduction à l'appel des API en JavaScript
• Validation et gestion des erreurs
  • débogage
  • validation de syntaxe
  • gestion des erreurs: erreurs prédéfinies et personnalisées (try-catch)
• TypeScript
  • différences avec JavaScript
  • syntaxe
  • compilation et configuration
• Aperçu des Technologies JavaScript
  • AJAX, jQuery, Bootstrap
  • Node.js
  • bibliothèques, bibliothèques de composants web et frameworks

Formation collective pour expliquer et illustrer les concepts et possibilités, suivi par beaucoup d'exercices.

Formation interactive en temps réel – disponible en personne ou en ligne ou dans un format hybride. La formation peut être effectuée en français, en anglais ou en néerlandais.

Ce cours assume des connaissances de base de HTML (cf. cours HTML et CSS) et de l'expérience avec les techniques de programmation (cf. cours Introduction à la programmation). La connaissance des concepts OO (cf. cours Concepts et techniques OO) est un atout appréciable.

Ce cours s'adresse à toutes les personnes qui veulent créer et maintenir des sites web dynamiques.