Formation Webmaster Avancé : HTML5/CSS3, Responsive Design, Javas…uery - 5 jours (Éligible au CPF)

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