Formation INT106 - Sites et Applications Web avec HTML5

Cette formation peut être suivie dans le cadre d'un package WPACK1, à la carte

• Présentation de HTML5
  • Historique et avancement, les standards du W3C
  • Objectifs et principaux apports de HTML5
  • Support par les navigateurs, compatibilité avec les navigateurs anciens
• Changements de HTML5 par rapport à HTML 4
  • Le nouveau modèle de données basé sur la notion de catégorie
  • Les nouveaux éléments de structure HTML5 (header, section, article...)
  • Les balises de présentation qui ont été supprimées en HTML5
  • Les attributs supprimés en HTML5
  • Rendre les pages HTML5 compatibles avec les anciens navigateurs
• Définition de templates de pages HTML5
• Gestion des formulaires en HTML5
  • Les nouveaux champs de saisie HTML5 : date, heure, url, email...
  • Contrôles de saisie prédéfinis
  • Nouveaux styles CSS3 pour les champs de formulaire
• Insertion de contenu multimedia vidéo et audio
  • Les balises standard HTML5 d'inclusion de contenu multimedia
  • L'API Javascript de contrôle de la lecture
• Gestion évoluée des graphiques et dessins en HTML5
  • L'élément HTML5 canvas
  • L'API JavaScript de dessin 2D
  • Inclusion d'images et de vidéos

• Gestion du glisser/déposer (drag and drop) en HTML5
  • L'attribut draggable
  • Possibilités et limites
• Modification du contenu d'une page HTML5
  • Eléments éditables, l'attribut contenteditable
• Géolocalisation facile en HTML5
  • Règles de sécurité mises en jeu
  • API JavaScript d'interrogation d'un service
  • Lien avec les cartes de type Google Maps
• Gestion de sites hors ligne (mode déconnecté) en HTML5
  • Stockage de données dans le navigateur : Web Storage localStorage and sessionStorage
  • Base de données locale au navigateur
  • Gestion du cache dans le navigateur (manifeste)
• Communication avec le serveur
  • Le protocole WebSocket : communication bidirectionnelle et fullduplex
  • Les méthodes de l'API WebSocket
  • Obtention d'une connexion : constructeur WebSocket(url)
  • Envoi des données : send(data)
  • Enregistrement une fonction écouteur d'événements : open, message, error, close
• Optimisation du multi-tâches JavaScript avec les Web Workers