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

Objectifs

Découvrir le potentiel des nouvelles normes HTML5/CSS3 - Apprendre à  faire des sites multiplateforme : smartphone, tablette,.... - Générer un flux RSS - Découvrir XML, Ajax et jQuery

Programme de la formation

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
Créer des interfaces grâce à jQuery
Atelier pratique : exemples multiples de widgets jQuery
Utiliser AJAX avec jQuery

 Atelier pratique : création d'une interface web riche avec jQuery
Conclusion

 

Validation et sanction

Attestation de formation

Type de formation

Non certifiante

Sortie

Sans niveau spécifique