Commentaire sur Formation Webmaster Avancé: HTML5/CSS3, Responsive Design, Javascript, XML, Ajax et jQuery - Présentiel - Aix-en-Provence - Bouches-du-Rhône
-
Contenu
Formation Webmaster Avancé : HTML5/CSS3, Responsive Design, Javascript, XML, Ajax et jQuery.
- Durée: 5 jours
- Public: Webmasters
- Pré-requis: Avoir de bonnes connaissances HTML et CSS
- 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
- Référence: SIT651-F
Programme:
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
Tarifs:
A distance ou présentiel: 1980 euros
