HTML5 pour la L3 Pro (2013)

Cours JavaScript de Michel Buffa (transparents faits en HTML5). Archive ici : Cours JavaScript.zip. Ce cours couvre "JavaScript" classique Ecma 5, pas les nouvelles APIs apparues avec HTML5 (voir le cours HTML5).
Transparents powerpoint sur jQuery : jquery.ppt et aussi la présentation interactive de John Resig, auteur de jQuery : http://ejohn.org/blog/spring-2010-jquery-talks/ , la première "introduction to jQuery" est très bien pour un premier contact avec cette librairie.
N'oubliez pas d'aller faire un tour sur la page : Ressources JQuery que j'ai préparée à votre attention et qui contient de nombreuses ressources intéressantes au sujet de cette librairie (tutorials, transparents, livres, etc). Je recommande à 200% d'imprimer ou d'avoir sous la main les "jQuery chart sheets", des images qui résument en un coup d'oeil toute la librairie.
La page officielle avec la doc de jQuery (exemples interactifs) : http://api.jquery.com/

Cours de Philippe Renevier donné en Licence 3 à l'université de Nice :
- CSS2 : http://deptinfo.unice.fr/~renevier/L1/pdf/CSS-2.pdf et les exemples ici : http://deptinfo.unice.fr/~renevier/L1/css/exemple
- CSS3 : http://deptinfo.unice.fr/~renevier/L1/pdf/CSS-3.pdf
- Aussi, les principales nouveautés de CSS3 sont présentées dans le powerpoint HTML5 de Michel Buffa, voir avec lui. Contient de très nombreux exemples.
Exemples interactifs très utiles pour comprendre : Exemples interactifs CSS
Cours CSS de w3schools.com : http://www.w3schools.com/css/default.asp
Présentations des nouveautés de CSS3 : http://slides.html5rocks.com et pour les choses à venir mais encore très émergentes, présentation CSS3 à la conférence WWW2012 : http://www.w3.org/Talks/2012/0416-CSS-WWW2012/

Un bon exemple CSS3 avec zoom, rotation, bords arrondis, ombres, etc...

Dernière version de la spécification HTML5.1 : http://www.w3.org/TR/html51/ (si une version plus récente apparait, il y aura un lien en haut de la page)
http://www.html5rocks.com/en/ : un des principaux sites de référence sur HTML
http://caniuse.com/ : pour savoir quelles features de html5 sont implémentées sur les divers navigateurs
http://w3schools.com/ : un site pour apprendre les technos web, pas toujours conformes aux bonnes pratiques mais intéressant.
Page de ressources HTML5 compilée par Michel Buffa (pas forcément à jour)

Paint multiparticipants : http://paint.gexsoft.com/ et tutorial complet sur http://miageprojet2.unice.fr/Intranet_de_Michel_Buffa/HTML5_Tutorial/Tutorial_WWW_2012
Jeu de foot avec web sockets : http://dl.madjawa.net:8081/ (sources dispos sur la page)

Séance 2: étude des WebSockets et du canvas HTML5

Nous préparons le terrain pour un jeu multi-participants utilisant les Web Sockets.

Le cours détaille le canvas de HTML5 et l'utilisation des web sockets. Le support de cours PDF est à venir.

Ressources externes

Sites webs pour les web sockets et NodeJS: nowjs.org, socket.io, http://web.archive.org/web/201107142...p://nowjs.com/, meteor.com

Exemples utilisant le canvas sur : http://miageprojet2.unice.fr/Intranet_de_Michel_Buffa/HTML5_Tutorial/HTML5_discovery_tutorial

TP web sockets: écriture d'un chat avec le serveur NodeJS

TP canvas:

Introduction