Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision		 Révision précédente
enseignement:i242 [2019/03/14 13:26] – Emmanuel Brunoenseignement:i242 [2023/09/20 18:52] (Version actuelle) – modification externe 127.0.0.1
Ligne 1: Ligne 1:
 +====== 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 =====
 +  * [[https://bruno.univ-tln.fr/html5/html5|HTML5]] puis https://developer.mozilla.org/fr/docs/Web/Guide/HTML/HTML5.
 +  * [[https://developer.mozilla.org/fr/docs/Apprendre/Commencer_avec_le_web/Les_bases_CSS|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 =====
 +  * https://developer.mozilla.org/fr/docs/Web/API/API_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.
  
 ---- struct data ---- ---- struct data ----