Technologie Web M1 Miage 2016-2017

Rappels historiques (les parties non vues en cours sont à voir à la maison) :

Introduction aux technologies du Web 

• Ici une vidéo (en anglais, activer les sous-titres) qui retrace l'histoire du Web et des technologies, aussi des services marquants que nous connaissons aujourd'hui, avec leur date d'apparition et de nombreuses anecdotes : 
  
   
• Le Web ce n'est pas l'Internet (c'est entre autre sa couche hypertexte, et bien plus...) : cette vidéo retrace "histoire de l'internet de 1957 à nos jours", n'oubliez pas d'activer les sous-titres (petite flèche vers le haut, en bas à droite du lecteur) :
  
   
• Vidéo pour fêter l'anniversaire de Tim Berners Lee (anglais), linventeur du web, retrace à travers son parcours, l'histoire du Web : , penser à activer les sous-titres.
   
• Du Web aux wikis : une histoire des outils collaboratif (par Michel Buffa) : pour bien comprendre l'évolution du web dans sa phase 1993 jusqu''à 2005, soit l'apparition du Web 2.0 appelé aussi le "web social" dont il reste de grosses traces aujourd'hui (facebook, twitter, wikis, blogs, etc). Cet article retrace en particulier les premiers pas de l'internet en France, la naissance du Web et son évolution vers un Web servant non pas à relier des documents entre eux, mais des personnes, des objets, etc. Pour ceux que l'histoire du Web intéresse.
   
• Le protocole HTTP au coeurs du Web et des Web Services : ProtocoleHTTP.pdf

Rappels HTML/CSS/JS

• Outils de live coding: http://jsbin.com, http://codepen.io/ ou encore http://liveweave.com (super cool pour CSS/SVG) utilisez-les pour vous exercer ou pour trouver des exemples intéressants.

Obligatoire: inscription au MOOC HTML5 part 1!

Michel Buffa est l'auteur de deux MOOCs sur HTML5 : HTML5 part 1 et HTML5 part 2 Il s'agit de cours interactifs, couvrant l'intégralité de HTML5 et même beaucoup plus. L'inscription (gratuite) à HTML5 part 1 est obligatoire car on s'y réfèrera plusieurs fois. Sur la plateforme edX vous trouverez d'excellents MOOCs sur CSS, JavaScript etc. N'oubliez pas les cours sur les technos de référence du Web (HTML/CSS/JS bientôt sont sur la chaine W3Cx).

• Présentation de HTML5 

TP1 : écriture d'un gestionnaire de livres, avec deux implémentations, CDI, JDBC 

• TP1 applications web Master 1 Miage, un gestionnaire de livres en mémoire, mais aussi avec JDBC, utilisants Servlets, JSPs, templates, CDI, JDBC