![]() |
![]() |
Accueil > Intranet Michel Buffa > HTML5 MBDS 2015-2016
HTML5 MBDS 2015-2016De $1
OutilsNous n'allons pas utiliser d'outils particuliers pour cette formation, uniquement des outils "standards" tels que Eclipse, Sublime Text 2, Notepad++ ou les outils que vous appréciez pour éditer du code. Néanmoins, de nombreux exemples HTML5/JS/CSS seront proposés sur des envrionnements de développement en ligne tels que http://jsbin.com/, http://jsfiddle.net/, http://dabblet.com/ ou http://codepen.io/, 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). ICI UN DOCUMENT QUI EXPLIQUE COMMENT CONFIGURER EFFICACEMENT DES OUTILS/EDITEURS/IDEs pour faire du JavaScript de manière optimale : Partie 1 : découverte des APIs de HTML5Supports de cours :
Autres ressources : JavaScript :
CSS :
TP1: création d'un formulaire d'envoi de messages dans le Blog, boosté par HTML5Vous allez créer un formulaire de saisie de message pour le Blog aperçu lors du dernier TP sur les Web services REST (nous y reviendrons plus tard). Aujourd'hui on se concentre sur la partie front end. Formulaire de création de messages:
Simulation de la réception de messages et de leur affichage Vous ajouterez un bouton qui au lieu de soumettre le formulaire avec Ajax/Xhr2, ajoute le message dans la liste des messages, sur la page. Vous préparez ainsi la partie qui recevra les messages. Idem: faites un truc joli, avec affichage des photos etc. Les plus doués d'entre vous iront voir du côté du module flexbox de CSS3.
Mots clés:
|
Powered by MindTouch Deki Open Source Edition v.8.08 |