Formation JavaScript – Niveau 2 : Passez au niveau intermédiaire et exploitez pleinement le langage

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 un opérateur d’affectation

• Rappel : = (affectation simple).
• Opérateurs composés : +=, -=, *=, /=.
• Gagner en concision et lisibilité.
• Exercice pratique : incrémenter un score avec +=.

Créer de la documentation standard avec JSDoc

• Pourquoi documenter son code : collaboration, maintenance, clarté.
• Syntaxe de base avec /** ... */.
• Exercice pratique : documenter une fonction de calcul.

Configurer des décisions conditionnelles complexes

• Utiliser des conditions imbriquées (if dans if).
• Chaîner plusieurs cas avec switch.
• Combiner conditions booléennes pour des scénarios précis.
• Exercice pratique : gérer un accès utilisateur selon âge et rôle (admin, user, invité).

Maîtriser les instructions de contrôle de flux dans les boucles

• Savoir interrompre (break) ou sauter une itération (continue).
• Éviter les boucles infinies.
• Exercice pratique : parcourir une liste et ignorer certains éléments.

Créer des fonctions fléchées

• Syntaxe moderne : (param) => expression.
• Différences avec les fonctions classiques : concision, gestion du this.
• Bonnes pratiques : quand utiliser une fonction fléchée.
• Exercice pratique : transformer une fonction classique en fonction fléchée.

Gérer les propriétés indéfinies

• Gérer les propriétés indéfinies
• Comprendre undefined vs null.
• Vérifier l’existence d’une propriété avant utilisation (?. opérateur optionnel).
• Exercice pratique : vérifier si un objet utilisateur.adresse existe avant d’accéder à ville.

Identifier les types associés aux variables à l’exécution

• Comprendre le typage dynamique de JavaScript.
• Utiliser typeof et instanceof pour identifier les types.
• Différences entre primitives (string, number, boolean, etc.) et objets (Array, Date, etc.).
• Exercice pratique : tester les types de plusieurs variables ("42", 42, true, [1,2,3]).

Échapper des caractères dans une chaîne

• Utilité : intégrer des guillemets, retours à la ligne, caractères spéciaux.
• Principaux caractères échappés :
  • " (guillemet double).
  • ' (guillemet simple).
  • \n (nouvelle ligne).
  • \ (antislash).
• Exercice pratique : créer une phrase multi-lignes contenant des guillemets.

Créer une nouvelle référence objet

• Comprendre la différence entre copie par valeur et copie par référence.
• Utiliser l’affectation (=) → référence vers le même objet.
• Créer une nouvelle copie indépendante :
  • Méthodes classiques : Object.assign({}, objet) ou { ...bjet }.
  • Pour les tableaux : [...array] ou array.slice().
• Exercice pratique : dupliquer un objet utilisateur sans modifier l’original.

Effectuer des opérations complexes sur les tableaux

• Fonctions avancées :
  • map() → transformer un tableau.
  • filter() → filtrer selon une condition.
  • reduce() → agréger les valeurs.
  • forEach() → exécuter une action sur chaque élément.
• Cas concrets :
  • Calculer la somme des prix.
  • Filtrer les utilisateurs majeurs.
• Exercice pratique : créer une liste de produits, appliquer un map pour ajouter la TVA, puis un reduce pour calculer le total.

Créer un module et exporter des fonctions

• Rappel : principe des modules JavaScript (séparer, importer, exporter).
• Différence entre export nommé et export default.
• Exercice pratique : créer un module panier.js qui exporte des fonctions ajouterProduit et calculerTotal.

Sérialiser et désérialiser JSON

• Sérialiser : transformer un objet JS → chaîne JSON (JSON.stringify(objet)).
• Désérialiser : transformer une chaîne JSON → objet JS (JSON.parse(jsonString)).
• Cas d’usage : stocker des données dans localStorage ou échanger avec un serveur.
• Exercice pratique : sauvegarder un objet utilisateur en JSON puis le relire.

Comprendre les mécanismes asynchrones

• Différence entre exécution synchrone et asynchrone.
• Découverte des promesses (Promise) et de la syntaxe async/await.
• Exercice pratique : créer une fonction asynchrone qui attend 2 secondes avant d’afficher un message.

Gérer les cas de réussite et d’échec d’une opération asynchrone

• Gestion des résultats avec .then() et des erreurs avec .catch().
• Utilisation du bloc try...catch avec async/await.
• Exercice pratique : simuler une requête serveur qui réussit ou échoue (résultat aléatoire).

Ajouter un élément dans le DOM

• Méthodes :
  • document.createElement("tag").
  • parent.appendChild(element).
• Exemple : ajouter dynamiquement un bouton dans une page.
• Exercice pratique : créer une liste d’articles depuis un tableau JS et les injecter dans le DOM.

Récupérer les données d’un serveur

• Utiliser fetch() pour faire une requête HTTP.
• Exercice pratique : récupérer une liste de “posts” depuis une API gratuite et les afficher dans le DOM.

Parcourir un tableau selon une caractéristique donnée

• Introduction aux filtres : filter(), find(), some().
• Exercice pratique : créer un tableau de produits et filtrer ceux dont le prix est supérieur à 50 €.

Trouver une erreur simple dans une portion de code donnée

• Méthodologie de débogage :
  • Lire l’erreur console.
  • Vérifier les variables non définies.
  • Repérer les erreurs de syntaxe (;, parenthèses manquantes).
• Exercice pratique : corriger un code erroné pour le faire fonctionner.

Trouver la documentation associée à une librairie JavaScript simple

• Identifier une librairie (ex. Moment.js, Lodash, Axios).
• Lire la documentation officielle : structure, exemples, méthodes clés.
• Développer l’habitude de chercher des solutions fiables (MDN, docs officielles, npm).
• Exercice pratique : consulter la documentation de Lodash pour utiliser _.capitalize("hello").

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.