Formation JavaScript – Niveau 1 : Les bases pour donner vie à vos pages web

Activités préparatoires

Un test de positionnement : il permet d'évaluer vos compétences en début de formation

Pour les sessions à distance :

• Une formation de prise en main à notre outil de classe à distance
• Présentation des ressources pédagogiques qui seront utilisées pendant la formation

Utiliser les déclarations const et let

• Différence entre const (valeur fixe) et let (valeur réassignable).
• Pourquoi éviter l’ancien var.
• Bonnes pratiques pour un code clair et maintenable.
• Exercice pratique : créer une constante PI et une variable age.

Créer des commentaires multilignes

• Syntaxe /* ... */ pour documenter plusieurs lignes.
• Expliquer un bloc de code complexe.
• Exercice pratique : commenter une boucle entière avec une explication.

Utiliser des opérateurs booléens

• Les bases de la logique : && (ET), || (OU), ! (NON).
• Combiner conditions pour affiner les décisions.
• Exercice pratique : vérifier si un utilisateur est majeur et a un abonnement actif.

Créer un workflow avec décisions conditionnelles

• Utiliser if, else if, else.
• Quand utiliser l’opérateur ternaire.
• Exercice pratique : afficher “Bienvenue” si l’âge > 18, sinon “Accès refusé”.

Créer des boucles simples

• Les structures : for, while, do...while.
• Quand utiliser quelle boucle.
• Exercice pratique : afficher les nombres de 1 à 10 dans la console.

Créer sa propre fonction

• Définir une fonction avec function et return.
• Notion de paramètres et d’arguments.
• Exercice pratique : créer une fonction addition(a, b) qui renvoie la somme.

Lire une entrée utilisateur dans la console

• Utiliser prompt() (dans le navigateur) ou readline (Node.js).
• Stocker l’entrée dans une variable.
• Exercice pratique : demander le prénom à l’utilisateur et afficher un message personnalisé.

Reconnaître les types undefined et null

• undefined : une variable déclarée mais non initialisée.
• null : valeur volontairement vide.
• Cas concrets et erreurs fréquentes.
• Exercice pratique : différencier une variable let x; (undefined) et let y = null;.

Appliquer une conversion de type sur une primitive

• Conversions implicites vs explicites.
• Méthodes courantes :
  • Number("42") → 42.
  • String(100) → "100".
  • Boolean(0) → false.
• Exercice pratique : convertir une entrée utilisateur (string) en nombre et effectuer un calcul.

Utiliser des fonctions basiques sur les strings

• Fonctions utiles :
  • length (longueur).
  • toUpperCase() / toLowerCase().
  • includes() pour vérifier un mot.
• Exercice pratique : écrire un script qui vérifie si une phrase contient le mot "JavaScript".

Créer des propriétés complexes et les affecter dans un objet

• Ajouter un objet ou un tableau comme valeur d’une propriété.
• Exercice pratique : créer un objet utilisateur avec une propriété contacts qui contient un tableau d’emails.

Utiliser des fonctions basiques sur les tableaux

• Fonctions essentielles :
  • push() (ajouter un élément).
  • pop() (retirer le dernier).
  • length (taille).
  • indexOf() (chercher un élément).
• Exercice pratique : gérer une liste de tâches avec ajout et suppression.

Importer un module à partir d’un fichier

• Comprendre le principe des modules JavaScript (export / import).
• Organiser son code en plusieurs fichiers pour plus de lisibilité.
• Exercice pratique : créer un module mathUtils.js et l’importer dans main.js.

Utiliser les fonctions basiques de l’API Math

• Fonctions essentielles :
  • Math.round() → arrondir.
  • Math.floor() → arrondi inférieur.
  • Math.random() → générer un nombre aléatoire.
  • Math.max() / Math.min() → trouver les extrêmes.
• Exercice pratique : générer un nombre aléatoire entre 1 et 100.

Reconnaître et rédiger un document JSON

• Définition : JavaScript Object Notation, format d’échange de données.
• Structure : paires clé/valeur ({ "nom": "Marie", "age": 25 }).
• Différence entre un objet JavaScript et du JSON.
• Exercice pratique : rédiger un petit document JSON représentant un utilisateur.

Gérer les événements DOM basiques

• Définition d’un événement : action de l’utilisateur (clic, survol, saisie).
• Méthodes pour écouter un événement :
• element.addEventListener("click", fonction).
• Exercice pratique : afficher une alerte quand l’utilisateur clique sur un bouton.

Parcourir un tableau et renvoyer une version modifiée

• Rappel : rôle des boucles (for, for...of, forEach).
• Introduction à map() pour transformer un tableau.
• Exercice pratique : créer un tableau de prénoms et renvoyer une version en majuscules.

Détecter une erreur conditionnelle dans une boucle simple

• Comprendre les erreurs fréquentes :
  • Mauvaise condition (i <= length au lieu de < length).
  • Incrément oublié (i++).
  • Variable non initialisée.
• Techniques de débogage :
  • Utiliser console.log() pour suivre l’exécution.
  • Repérer les boucles infinies.
• Exercice pratique : corriger un code qui boucle indéfiniment par erreur.

Passage de la certification TOSA® en ligne

asbéo est centre agréé TOSA
Reconnue dans toute l'Europe, la certification TOSA® atteste d'un niveau de compétences sur le logiciel étudié. Elle délivre un score sur 1000 exploitable sur un CV.