2025-12-15 15:16:03 +01:00
2025-12-15 14:53:51 +01:00
2025-12-15 14:53:51 +01:00
2025-12-15 15:16:03 +01:00
2025-12-15 15:16:03 +01:00
2025-12-15 14:53:51 +01:00

TP Rappels JavaScript

Installation

  1. Assurez-vous que Node.js est installé sur votre machine.

  2. Décompressez l'archive ZIP du projet dans un répertoire de votre choix.

  3. Ouvrez WebStorm, puis sélectionnez "Open" et choisissez le dossier où vous avez décompressé le projet.

Démarrage

L'arborescence du projet doit ressembler à ceci :

/tp-javascript-rappels
├── README.md               // Ce fichier d'instructions générales, comment lancer les exercices.
|
├── exercices/
│   ├── 01-variables-declaration.js
│   ├── 02-constantes.js
│   ├── ...
│   └── 40-es6-modules-import.js
|
├── corrections/
│   ├── 01-variables-declaration.js
│   ├── 02-constantes.js
│   ├── ...
│   └── 40-es6-modules-import.js
|
└── index.html              // Un fichier HTML simple pour les exercices de manipulation du DOM

Chaque exercice est isolé afin que vous puissiez les exécuter indépendamment, et vous concentrez sur un seul concept à la fois.

Une correction est fournie afin que vous puissiez vérifier votre travail.

Thème des exercices

  • Exercices 1 à 11 : partie 1, fondamentaux (variables, types, opérateurs)
  • Exercices 12 à 15 : partie 2, fonctions
  • Exercices 16 à 20 : partie 3, objets
  • Exercices 21 à 29 : partie 4, tableaux
  • Exercices 30 à 36 : partie 5, manipulation du DOM
  • Exercices 37 à 40 : partie 6, ES6+ (syntaxe moderne)

Exécution des exercices

  • Pour les exercices de logiques pures (calculs, tableaux, objets), vous pouvez utiliser la console intégrée de WebStorm (bouton vert Play current file en haut à droite) ou lancer node exercices/xx-nom-exercice.js directement depuis le terminal fourni par WebStorm.
  • Pour les exercices liés au DOM (30 à 36), lier votre script à index.html, puis ouvrez ce fichier HTML dans votre navigateur. Vous pouvez utiliser les outils de développement (typiquement F12 sous Google Chrome) pour voir les résultats dans la console.

Conseils

Commencez svp par traiter uniquement les questions suivantes :

  • 01-variables-declaration.js
  • 02-constantes.js
  • 06-template-literals.js
  • 09-boucle-for.js
  • 12-fonction-declaration.js
  • 13-fonction-flechee.js
  • 16-objet-litteral.js
  • 17-objet-acces-proprietes.js
  • 18-objet-methode.js
  • 21-tableau-creation-acces.js
  • 22-tableau-methode-map.js
  • 24-tableau-methode-filter.js
  • 27-tableau-chainage-methodes.js
  • 35-dom-interaction-input.js

Cette sélection a été pensée pour vous faire passer par les concepts clés dans un ordre cohérent. Une fois que vous aurez terminé cette sélection, prévenez-moi ! Nous discuterons des concepts restants. Si vous le souhaitez, vous pourrez terminer chez vous.

Pour les plus curieux d'entre vous qui auraient terminé la sélection, sentez-vous libres de commencer à explorer la suite en toute autonomie.

Description
No description provided
Readme 50 KiB
Languages
JavaScript 91.8%
HTML 8.2%