Formation professionnelle - Webmaster avancé : HTML5/CSS3, responsive design, Javascript, XML, Ajax et jQuery - Dawan Lille

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