Durée : | 3 jour(s) |
Tarif : | Consultez-nous |
DEMANDE DE DEVIS SANS ENGAGEMENT – CLIQUEZ ICI
En 2011, HTML5 est définitivement lancé avec l’arrivée d’IE 9, dernier navigateur » majeur » à proposer le support du nouveau langage pour le Web. Derrière ce terme générique se cache une multitude d’évolutions et d’innovations pour la création de sites Web. Cette formation vous propose d’en faire un tour d’horizon pour vous permettre d’orienter au mieux vos futurs développements.
Public :
- Cette formation est destinée aux développeurs Web confirmés qui souhaitent évoluer vers les nouveaux standards du Web et évaluer les opportunités offertes pour créer des sites Web innovants.
Objectifs :
- Appréhender les nouveaux standards du Web que sont HTML5, CSS3 et JavaScript API.
Pré-requis :
- Connaissance des bases de la conception Web avec les langages HTML/XHTML, CSS et JavaScript.
Introduction
- Statuts des nouveaux standards
- Navigateurs compatibles
Structuration des documents HTML5
- Nouvelle structuration des documents HTML
- Eléments de titre
- Eléments de sections
- Eléments de navigation
Création de formulaire HTML5
- Elément Input
- Attributs data et list
- Validation de formulaire
Gestion de contenus multimédia
- Intégration d’une vidéo
- Intégration d’un son
- Configuration du composant de contrôle de la lecture
Mise en forme CSS3
- Rappel sur la mise en œuvre des règles CSS
- Les nouveaux sélecteurs
- Positionnement et unités
Web adaptatif
- Dimensions et résolutions
- Requêtes @media
- Modèles de mise en page
Gestion du texte en CSS3
- Présentation en colonnes
- Polices intégrées, locales et en ligne
- Texte ombré
Gestion des éléments » bloc «
- Dimension d’un bloc
- Bordures arrondis
- Ombres portées
- Bordures fantaisistes
- Dégradés de couleurs
- Fonds multiples
Création d’animations
- Transformations CSS
-
- Rotation
- Redimensionnement
- Déplacement
- Distorsion
- Transition CSS
- Animation CSS
Rappels JavaScript
- La gestion des évènements (méthode addEventListener)
- Manipulation du DOM avec les requêtes querySelector et querySelectorAll
Gestion de l’interactivité
- Contrôler les éléments média (audio/vidéo)
- Mise en place du Drag & Drop
- Géolocalisation
Persistance des données
- Sauvegardes locales
- Contextes » local storage » et » session storage «