RM Programme JavaScript

Programme JavaScript

Étape 1 – Initiation (Bases indispensables)

Objectif : Comprendre la syntaxe, manipuler des variables, contrôler le flux, travailler avec les types de données.

Introduction à JavaScript

Où placer le code, output, syntaxe, instructions, commentaires
Variables (var, let, const)
Types de données & conversions

typeof, toString(), booléens, conversions
Opérateurs

Arithmétiques, affectation, comparaison, logiques
Structures de contrôle

if/else, switch, boucles (for, while, for...in, for...of)

break, continue
Fonctions (de base)

Définition, paramètres, retour de valeur
Tableaux (introduction + méthodes simples)
Chaînes de caractères (manipulation et méthodes courantes)

Livrable étape 1 : petit programme interactif (ex : calculatrice, générateur de citations, mini-quiz).

Étape 2 – Consolidation (Approfondissement & bonnes pratiques)

Objectif : Apprendre à structurer du code, travailler avec des objets, gérer le DOM, comprendre les standards modernes.

Objets

Propriétés, méthodes, constructeurs, prototypes, déstructuration, accesseurs (get/set)
Fonctions avancées

Fonctions fléchées, this, call, apply, bind, closures
Classes & héritage
Collections avancées

Sets, Maps, WeakSet, WeakMap
Dates & Math
DOM (HTML DOM)

Sélection d’éléments, navigation, événements, écouteurs, manipulation CSS, formulaires
BOM (Browser Object Model)

window, location, navigator, popups, timers (setTimeout, setInterval)
JSON

Syntaxe, parse(), stringify(), objets, tableaux, échanges simples
Bonnes pratiques & style guide

Strict mode, scopes, hoisting, debug, erreurs fréquentes

Livrable étape 2 : mini-application web interactive (ex : TODO list, jeu simple type morpion, gestionnaire de notes).

Étape 3 – Expertise (Asynchrone & APIs modernes)

Objectif : Maitriser l’asynchronisme, exploiter les API modernes du navigateur, produire des applications robustes.

Programmation asynchrone

Callbacks, Promises, async/await
AJAX & Fetch API

Requêtes HTTP, réponses, JSON côté serveur, intégration avec PHP/BD
APIs Web

Web Storage (local/session), Web Workers, Géolocalisation, History API, Validation API
Expressions régulières (RegExp)
Tableaux typés (Typed Arrays)
Versions de JavaScript (ES5 → ES2025, nouveautés ES6, etc.)
Graphiques & visualisation
Canvas, Chart.js, Plotly, Google Charts, D3.js
Performance et optimisation
Organisation du code avec modules
Style avancé & conventions de projet

Livrable étape 3 : application complète (ex : dashboard avec graphiques dynamiques, mini-chat temps réel avec API, petit jeu avec Canvas).

Tableau de progression

Étape	Thème principal	Sous-thèmes	Niveau
Étape 1 – Initiation	Introduction	Où placer le code, output, syntaxe, instructions, commentaires	Débutant
	Variables	`var`, `let`, `const`	Débutant
	Types de données	Types, `typeof`, `toString()`, conversions, booléens	Débutant
	Opérateurs	Affectation, arithmétiques, comparaison, logiques	Débutant
	Structures de contrôle	`if/else`, `switch`, boucles, `break`, `continue`	Débutant
	Fonctions (base)	Définition, paramètres, retour de valeur	Débutant
	Tableaux	Introduction, méthodes simples	Débutant
	Chaînes	Manipulation de base, méthodes courantes	Débutant
Étape 2 – Consolidation	Objets	Propriétés, méthodes, constructeurs, prototypes, déstructuration, get/set	Intermédiaire
	Fonctions avancées	Fléchées, `this`, `call`, `apply`, `bind`, closures	Intermédiaire
	Classes	Définition, héritage, statiques	Intermédiaire
	Collections avancées	Sets, Maps, WeakSet, WeakMap	Intermédiaire
	Dates & Math	Formats, méthodes, random, `BigInt`	Intermédiaire
	DOM	Méthodes, document, éléments, attributs, formulaires, événements	Intermédiaire
	BOM	Window, location, navigator, popups, timers	Intermédiaire
	JSON	Syntaxe, `parse()`, `stringify()`, échanges simples	Intermédiaire
	Bonnes pratiques	Strict mode, scopes, hoisting, debug, erreurs fréquentes	Intermédiaire
Étape 3 – Expertise	Programmation asynchrone	Callbacks, Promises, `async/await`	Avancé
	AJAX & Fetch API	Requêtes, réponses, JSON, PHP/BD	Avancé
	APIs Web	Storage, Workers, Géolocalisation, History, Validation	Avancé
	Expressions régulières	Flags, classes, quantificateurs, objets, méthodes	Avancé
	Tableaux typés	Introduction, méthodes, références	Avancé
	Versions JS	ES5 → ES2025, compatibilité	Tous niveaux
	Graphiques	Canvas, Chart.js, Plotly, Google Charts, D3.js	Avancé
	Performance & optimisation	Bonnes pratiques, modules, style de projet	Avancé