Formation Maîtriser JavaScript: Les fondamentaux du développement web moderne

Programme de la formation
Maîtriser JavaScript: Les fondamentaux du développement web moderne

• Introduction à JavaScript et environnement de développement

  - Présentation de JavaScript : histoire, rôle dans le web moderne.
  - Installation et configuration de VS Code et Node.js.
  - Premiers scripts : Hello World dans la console du navigateur.

• Variables et types de données en JavaScript

  - Déclaration de variables : `var`, `let`, `const`.
  - Types de données primitifs : `string`, `number`, `boolean`, `null`, `undefined`, `symbol`, `bigint`.
  - Conversions de types (coercition).

• Opérateurs JavaScript : arithmétiques, d'assignation, comparaison

  - Opérateurs arithmétiques : +, -, *, /, %, ++, --.
  - Opérateurs d'assignation : =, +=, -=, *=, /=, etc.
  - Opérateurs de comparaison : ==, ===, !=, !==, <, >, <=, >=.

• Structures conditionnelles : if/else, switch

  - Conditions `if`, `else if`, `else`.
  - Opérateurs logiques : AND (&&), OR (||), NOT (!).
  - Utilisation des instructions `switch` pour choix multiples.

• Boucles JavaScript : for, while, do/while

  - Boucle `for` : syntaxe et cas d'utilisation classiques.
  - Boucles `while` et `do/while`.
  - Instructions `break` et `continue`.

• Fonctions : déclaration, appel, paramètres, portée

  - Déclaration de fonctions : `function` et fonctions fléchées `=>`.
  - Passage de paramètres et valeurs de retour.
  - Comprendre la portée des variables (scope global/local).

• Tableaux (Arrays) : création, manipulation, méthodes essentielles

  - Création et accès aux éléments d'un tableau.
  - Méthodes `push`, `pop`, `shift`, `unshift`.
  - Parcours de tableaux : `for`, `forEach`, `map`.

• Objets JavaScript : propriétés, méthodes, JSON

  - Définition et accès aux propriétés d'un objet.
  - Méthodes d'objets.
  - Introduction au format JSON pour l'échange de données.

• Le Document Object Model (DOM) : sélection d'éléments

  - Introduction au DOM : rôles et structure arborescente.
  - Sélection d'éléments : `getElementById`, `getElementsByClassName`, `querySelector`, `querySelectorAll`.
  - Pratique de sélection sur une page HTML simple.

• Manipulation du DOM : modification de contenu et attributs

  - Modification du texte : `textContent`, `innerText`, `innerHTML`.
  - Gestion des attributs HTML : `setAttribute`, `getAttribute`, `removeAttribute`.
  - Ajout et suppression de classes CSS (`classList`).

• Manipulation du DOM : événements et interactions utilisateur

  - Principe des événements : `addEventListener`.
  - Événements courants : `click`, `mouseover`, `keydown`, `submit`.
  - Gestion des formulaires simples et prévention du comportement par défaut.

• Bonnes pratiques et introduction aux modules ES6

  - Organisation du code et commentaires.
  - Brève introduction aux modules ES6 (`import`/`export`).
  - Ressources pour continuer l'apprentissage de JavaScript.