HTML5/CSS3, Responsive Design, Javascript, XML, Ajax et jQuery

- Introduction Rappels des normes XHTML, CSS, HTML5 Les problèmatiques actuelles : le multi-format, les terminaux mobiles - Découvrir HTML5 Présentation de HTML 5 Support par les navigateurs Les balises HTML5 Atelier pratique : Une première page en HTML 5 - Créer des sites web avec HTML5 Structure et sémantique Nouveaux éléments de formulaire HTML5 Intégration d'animations et sons Atelier pratique : Création d'un premier site avec formulaire en HTML5 - Utiliser CSS 3 Rappel CSS Ordre de priorité : cascade et héritage Dimensionnement, marges Problèmatique de positionnement Propriétés CSS 3 pour la mise en forme : bordures, ombres, transparence,... Atelier pratique : démonstration de styles et d'effets sur les différentes propriétés étudiées, mise en page complexe d'une page - Comprendre le Responsive Web Design Présentation du Responsive Web Design : objectifs, alternatives... Les grilles fluides Les media queries Compression d'images, sprites, Data URI Introduction aux librairies JavaScript pour compatibilité HTML5 Atelier pratique : création d'un site multiplateforme (smartphone, tablette..) - Utiliser Bootstrap Présentation de Bootstrap Installation de Bootstrap Atelier pratique : créer une page avec Bootstrap - Découvrir JavaScript Concepts de base du Javascript Gestion des événements Présentation du DOM (Document Object Model) Accès, modification, ajout d'éléments et d'attributs Gestion dynamique des CSS Atelier pratique: réaliser une galerie de photos - Découvrir XML Presentation du format XML Structure d'un document XML Intérêts d'XML Atelier pratique : flux RSS d'un site web - Comprendre Ajax et XMLHttpRequest Communication synchrone et asynchrone Instancier un objet XMLHttpRequest Envoi de requêtes Gestion des réponses, codes de retour des serveurs HTTP Gestion des erreurs - Découvrir jQuery Fonctions essentielles et chaînage Sélecteurs (CSS, XPath, Complexes) Parcours, manipulation de l'arbre DOM et filtres Principes des Callback - Créer des interfaces grâce à jQuery Comportement des liens Association d'évènements et déclenchement Effets d’animations Widgets : sliders, infobulles, drag’n’drop... Atelier pratique : exemples multiples de widgets jQuery - Utiliser AJAX avec jQuery Communication asynchrone/synchrone Mise en oeuvre d'AJAX Fonctions jQuery disponibles Chargement de pages et injection de code Intégration complète d'AJAX et de l'UI Compatibilité avec les autres frameworks Atelier pratique : création d'une interface web riche avec jQuery - Conclusion Evolutions du Web Autres frameworks à découvrir