Evoluer vers HTML5, CSS3 et JavaScript API

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 «