I242-TER

Introduction à Javascript

Une introduction https://fr.slideshare.net/guest03a6e6/javascript-148492
Mise ne pratique avec un notebook jupyter dans docker :
- docker run -p 8888:8888 brunoe/ijsnotebook
- Utiliser javascript de base : ecrire des objets simples (personnes, animaux, …), faire des boucles, des tests, des fonctions simples (moyennes d’ages, …).

Pour ne pas réinventer la roue vous vous appuierez sur un squelette de site préconfiguré et bootstrap framework (css+js) pour la présentation :
- Créer un modèle avec bootstrap depuis http://www.initializr.com/
- Ouvrez ensuite le modèle dans intellij idea.
- La documentation de bootstrap vous présente les grands principes et les composants existants : https://getbootstrap.com/docs/4.3/examples/

Mettre en place une page web (HTML+CSS+Javascript) qui représente une liste de personnes en javascript, qui les affiche dynamiquement dans la page web sous la forme d’un tableau
Modifier la page précédente pour que la liste des personnes soit produite à partir d’une ressource rest.
Modifier la page précédente pour que les personnes soient persistantes dans une indexeddb.
Mettre en place une page web contenant un formulaire qui permet d’ajouter une personne dans la indexeddb.
Modifier l’exemple précédent pour qu’il soit possible d’appuyer sur un bouton pour invoquer une méthode javascript qui fait un appel rest pour mettre à jour toutes les personnes sur le serveur à partir des données de la indexeddb.