72 lines
2.9 KiB
Markdown
72 lines
2.9 KiB
Markdown
# 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. |