M1 Miage 2014-2015 Technologies Web

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

• Transparents : 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 enre 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

Introduction à JavaEE :

• Les Servlets 3.0 : la brioque de base HTTP de la technologie JavaEE, utilisées comme "contrôleurs" dans une approche MVC.

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, et avec JDBC, utilisants Servlets, JSPs, templates, CDI, JDBC

TP 2 : prise en main des EJBs/JPA 

• TP2 Applications Web, M1 Miage 2013-2014
   
• Les JSPs 2.0 (Java Server Pages, les composants "Vue" complémentaires des Servlets.
  
  
  • Comment "programmer des vues" dans des pages JSPs: support de cours en anglais sur le langage de templates JSTL (Java Standard Tag Library) et sur le langage EL (ou Expression language, à partir du transparent 31, JSTL à partir du 61), le reste n'est pas pertinent : jsp2.pdf.
    • Autres supports en français : el.pdf et jstl.pdf

Outils (attention, sujet trollesque...!)

Sublime Text

Dans ce cours nous allons surtout utiliser NetBeans 8.0.2, mais néanmoins je vous recommande aussi d'autres outils pour éditer du HTML/JS/CSS, notamment l'excellent éditeur de code Sublime Text (et voir les packages d'extension les plus importants).

Comment tirer le meilleur de Sublime Text (raccourcis claviers + meilleurs modules) : http://slides.com/grinnyhermant/les-...sublime-text#/

Mini IDEs en ligne

Par ailleurs, sur le web il existe des "mini IDEs" très pratiques pour tester des bouts de JavaScript http://www.sublimetext.com/2 tels que http://jsbin.com/, http://jsfiddle.net/, http://dabblet.com/ ou http://codepen.io/. Ils sont particulièrement adaptés pour faire de petits exemples partageables (vous pouvez modifier les exemples, vous les approprier, mais jamais les casser, car pour chaque modification une version est générée, avec son URL unique).

Tirer le meilleur de NetBeans, Eclipse, WebStorm, Sublime Text

ICI UN DOCUMENT QUI EXPLIQUE COMMENT CONFIGURER EFFICACEMENT les principaux OUTILS/EDITEURS/IDEs pour faire du JavaScript de manière optimale (brancher l'interpréteur JavaScript NodeJS pour valider du JS et rediriger les erreurs dans Sublime Text, WebStorm et NetBeans, les devtools de google chrome pour pouvoir éditer / sauver les fichiers depuis le browser)

• JS_Mar14- Writing JavaScript efficiently.pdf (issu du cours JavaScript du W3C)

Autre cours et galleries d'exemples CSS 2 et 3, JavaScript et HTML5