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, …).
Introduction à HTML+CSS
Démarrage pratique
- 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/
Introduction à indexeddb
- étudier les exemples proposés.
Travail préparatoire au projet
- 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.