Formation Evoluer vers HTML 5 et CSS 3

Le HTML5 et le CSS3 sont les dernières versions des principaux langages Web validés par le World Wide Web Consortium (W3C), l’organisme qui a pour mission de développer des protocoles et des standards sur les langages Web et leurs évolutions. Extrêmement complémentaires, le premier permettant d’afficher le contenu des pages web et le second visant à décrire la présentation de ces contenus, ils sont souvent associés dans le cadre des développements pour le web.


Objectifs
  • Créer des pages en HTML5 et utiliser les nouvelles balises HTML5
  • Utiliser les APIs JavaScript de HTML5
  • Connaître le niveau de support des fonctionnalités HTML5 par les navigateurs actuels
  • Savoir émuler certaines fonctionnalités HTML5 sur des navigateurs moins récents
  • Comprendre comment mettre en page et en forme avec CSS3
Participants
  • Développeur Internet
Approche Pédagogique
  • Cas pratiques
  • Remise d’outils
  • Echanges d’expériences
  • Durée : 2 jours
  • Réf. : WEB16

Dates de Formations

14 et 15 Mai 2019

09 et 10 Juil. 2019

24 et 25 Sept. 2019

28 et 29 Nov. 2019

Programme
  • 1/ Introduction
    • • Contexte : fonctionnement d’un site internet
    • • Histoire du HTML
    • • Les organismes de normalisation : WHATWG et W3C
    • • La nouvelle vision HTML5
    • • Roadmap HTML5
  • 2/ Comment utiliser le HTML 5 aujourd'hui
    • • Savoir quand choisir le HTML5
    • • Utiliser le HTML5 avec des navigateurs qui ne le supportent pas
  • 3/ Le balisage HTML5
    • • Structure d'une page
    • • Doctype
    • • Les nouveaux éléments et les éléments obsolètes
    • • HTML5 et CSS3
  • 4/ Les formulaires
    • • La balise form
    • • Créer et utiliser des formulaires HTML5
    • • Adapter ses formulaires à l'environnement mobile (téléphone, tablette)
    • • Les contrôles disponibles (slider, etc.)
    • • Mettre en place des validations
  • 5/ Audio et Vidéo
    • • Les éléments audio et vidéo
    • • Contrôler l'interface, les paramètres par défaut
    • • Les conteneurs, le problème des codecs
    • • Mettre en place une politique HTML5 + Flash pour le multimédia
  • 6/ Vue d'ensemble des APIs
    • • Les APIs HTML5
    • • Site web hors ligne : manifest
    • • Drag et Drop
    • • Extension de HTMLDocument
    • • Extension de HTMLElement
  • 7/ Dessiner en HTML
    • • Canvas vs SVG
    • • Dessiner une ligne, un carré, un cercle
    • • Le remplissage
    • • Contexte et accessibilité
  • 8/ La communication en HTML5
    • • Les évènements
    • • Envoi de messages entre documents
    • • Envoi de messages par canaux
    • • Le push et les WebSockets pour plus de performances
  • 9/ La géo-localisation
    • • Vue d'ensemble
    • • Avec ou sans l'utilisation de GPS
    • • Savoir manipuler l'API
    • • La vie privée de l'utilisateur
  • 10/ Stockage
    • • Gears, le pionnier
    • • Stockage local
    • • Stockage en session
    • • Bases de données SQL Web
    • • IndexedDB sera-t-il utilisé ?
  • 11/ CSS3 : standardiser des propriétés
    • • Vue d'ensemble : se passer d'images, éviter les astuces
    • • Coins arrondis, ombres portées, transparence, animations
    • • Mise en page et positionnement
    • • Autres nouveautés
  • 12/ CSS3 : mise en page et positionnement
    • • Vue d'ensemble : clarifier le code, éviter la multiplication de div> imbriquées
    • • Niveau de présentation
    • • Mise en page par patron
    • • Mise en page multi-colonnes
    • • Mise en page par boites horizontales ou verticales
    • • Positionnement par grille
    • • Autres nouveautés