Google+

Pixystree: Agence de communication internet "Full Services"

Contactez-nous :

Tel : +32 2 648 84 63
Gsm : + 32 477 789 445
Email : selossej@pixystree.com


logo

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 «