Formation : JavaScript pour débutant

Comprendre le rôle de JavaScript et écrire ses premières lignes de code.

• Situer le rôle de JavaScript par rapport à HTML et CSS ; comprendre ce qu’est ECMAScript
• Intégrer un script à une page (fichier externe, attribut defer)
• Prendre en main un éditeur de code et la console du navigateur
• Écrire ses premières instructions : console.log, commentaires, syntaxe de base
• Lire un message d’erreur et utiliser les outils de développement du navigateur

Stocker, transformer et comparer des données.

• Déclarer des variables et constantes (let, const) ; connaître le rôle historique de var
• Distinguer les types de données : chaînes, nombres, booléens, null, undefined
• Utiliser les opérateurs arithmétiques, de comparaison (=== et ==) et logiques
• Convertir les types et comprendre les conversions automatiques
• Manipuler les chaînes de caractères (méthodes, littéraux de gabarit) et les nombres (objet Math)

Faire prendre des décisions à un programme et répéter des actions.

• Écrire des conditions : if, else if, else, switch et opérateur ternaire
• Comprendre les valeurs vraies et fausses (truthy et falsy)
• Répéter des actions avec for, while et do…while
• Contrôler une boucle avec break et continue
• Traduire un problème simple en algorithme (organigramme, pseudo-code) puis en code

Structurer et réutiliser son code.

• Déclarer et appeler une fonction ; utiliser paramètres, valeurs par défaut et valeur de retour
• Distinguer fonction déclarée, expression de fonction et fonction fléchée
• Comprendre la portée des variables (globale, de fonction, de bloc)
• Utiliser des fonctions de rappel (callbacks)
• Découper un programme en petites fonctions réutilisables et bien nommées

Gérer des listes de données.

• Créer un tableau, accéder à ses éléments et connaître sa longueur
• Ajouter, retirer et rechercher des éléments (push, pop, shift, unshift, includes, indexOf)
• Extraire et modifier des portions de tableau (slice, splice) ; copier avec l’opérateur de décomposition (spread)
• Parcourir un tableau avec for…of et forEach
• Transformer les données avec map, filter, find, sort et reduce (initiation)

Représenter des données structurées et les échanger.

• Créer un objet et accéder à ses propriétés (notation point et crochets)
• Ajouter des méthodes à un objet et comprendre le mot-clé this (initiation)
• Parcourir un objet (Object.keys, values, entries) et utiliser la déstructuration
• Manipuler des tableaux d’objets
• Convertir des données au format JSON (JSON.parse et JSON.stringify)

Modifier dynamiquement le contenu et l’apparence d’une page.

• Comprendre l’arbre DOM et la relation entre le code HTML et les objets JavaScript
• Sélectionner des éléments (getElementById, querySelector, querySelectorAll)
• Modifier textes, attributs, classes (classList) et styles
• Créer, insérer, déplacer et supprimer des éléments
• Afficher dynamiquement une liste de données dans la page
• Comprendre les risques de sécurité d’innerHTML et préférer textContent

Réagir aux actions de l’utilisateur.

• Écouter un événement avec addEventListener (clic, saisie, clavier, survol)
• Utiliser l’objet événement et empêcher un comportement par défaut (preventDefault)
• Comprendre la propagation des événements et la délégation d’événements
• Récupérer et valider les données d’un formulaire côté client
• Créer des composants interactifs : menu mobile, onglets, accordéon, fenêtre modale

Conserver des données dans le navigateur et récupérer des données depuis une API.

• Stocker des données dans le navigateur avec localStorage et sessionStorage
• Comprendre l’asynchronisme : setTimeout, promesses (Promise)
• Utiliser async et await pour écrire un code asynchrone lisible
• Récupérer des données JSON avec fetch depuis une API publique
• Afficher les données dans la page et gérer les erreurs (try…catch, messages à l’utilisateur)

Organiser, déboguer et sécuriser son code.

• Découper son code en modules (import et export)
• Adopter de bonnes pratiques : nommage, lisibilité, commentaires, code non répété
• Déboguer avec les points d’arrêt, la console et l’onglet Réseau des outils de développement
• Connaître les erreurs courantes du débutant et les réflexes pour les résoudre
• Intégrer les bases de la sécurité et de l’accessibilité (navigation au clavier, validation des saisies)

Mise en situation et évaluation des acquis.

• Projet final : réaliser une petite application web interactive à partir d’un brief (gestionnaire de tâches, quiz ou application utilisant une API)
• Évaluation des acquis selon une grille de critères et bilan de la formation