js-tp-introduction

A practical list of all JS exercises

---

js-tp-introduction is an educational project, which will be used for JS courses.

Note: the school where the course is given, the HEPL from Liège, Belgium, is a French-speaking school. From this point, the instructions will be in French.

---

La page GitHub hepl-dcc, qui regroupe la matière et les exercices du cours de Développement Côté Client (JavaScript), contient un grand nombre de repositories [1].

Vous y trouverez généralement

• un repo par séance de cours voire parfois un repo par exercice pour la partie TD (Travaux Dirigés) du cours ;
• un repo par exercice pour la partie TP (Travaux Pratiques) du cours.

GitHub affiche les repos dans l’ordre des modifications les plus récentes, ce qui est pratique en règle générale, mais un peu moins dans notre contexte, où vous suivez un programme de cours progressif.

Ce dépôt est l’endroit destiné à lister les exercices réalisés au cours de JavaScript (Développement Côté Client) partie Travaux Pratiques (TP).

Liste des exercices des TP de JavaScript

Vous trouverez ci-dessous la liste des exercices du TP dans l’ordre du cours.

Bases

1. js-ressources : Présentation du cours et des objectifs ainsi qu'un setup machine.
2. Git, Github : Présentation de git, Github - comment s'en servir.

Manipulations du DOM ( simples )

1. js-tp-burger-menu : écouteurs d'événements, cibler des éléments du DOM, classList
2. js-tp-password : écouteurs d'événements, cibler des éléments du DOM, manipuler l'attribut type d'un input
3. js-tp-day-night-by-js : écouteurs d'événements, cibler des éléments du DOM, classList, création d'éléments par JavaScript
4. js-tp-spread-operator : écouteurs d'événements, cibler des éléments du DOM, classList, création d'éléments par JavaScript
5. js-tp-fizz-buzz : écouteurs d'événements, sélectionner des éléments du DOM, classList, écouteurs d'événements associé au clavier, création d'éléments par JavaScript, calculer des multiple d'un nombre

Écouteur d'événements sur les touches du clavier

1. js-tp-drum-kit : écouteurs d'événements, sélectionner des éléments du DOM, classList, écouteurs d'événements associés au clavier, lancer et arrêter la lecture d'un média

Manipulation du style par JavaScript

1. js-tp-navigation : écouteurs d'événements, sélectionner des éléments du DOM, classList, écouteur d'événement sur la fin d'une transition css

Provoquer des animations par JavasScript

1. js-tp-flex-panel-gallery : écouteurs d'événements, sélectionner des éléments du DOM, classList, écouteur d'événement sur la fin d'une transition css

Calcul des positions

1. js-tp-parallax : écouteurs d'événements, sélectionner des éléments du DOM, classList, Modifier la position des éléments
2. js-tp-stick-nav : écouteurs d'événements, sélectionner des éléments du DOM, classList, détecter la disparition des éléments dans la fenêtre
3. js-tp-slide-in-on-scroll : écouteurs d'événements, sélectionner des éléments du DOM, classList, détecter l'apparition des éléments dans la fenêtre

Manipulations du DOM 2

1. js-tp-aria-tabs : écouteurs d'événements, sélectionner des éléments du DOM, classList, dataset
2. js-tp-hold-shift-snd-check-checkboxes : écouteurs d'événements, sélectionner des éléments du DOM, classList, tester les touches
3. js-tp-navigation-menus : écouteurs d'événements, sélectionner des éléments du DOM, classList, manipulations des attributs, écouteurs d'événements associés au clavier
4. js-tp-show-hide-answers : écouteurs d'événements, sélectionner des éléments du DOM, classList, manipulations des attributs, écouteurs d'événements associés au clavier

[1] : Les repositories ou repos sont des sortes de dossiers sur Github qui contiennent tous les fichiers nécessaires pour un projet.