Skip to main content
x
Web et logos Internet explorer chrome mozilla firefox et safari

HTML 5 et CSS 3

Durée approximative 3 jours
Prérequis Prérequis nécessaires

Le Web est depuis toujours utilisé comme un outil informatique de communication externe ou interne à une entreprise. Il n’était pas, jusqu’à il y a peu, utilisé comme un support d’applications métiers supportant de lourds processus. Cette sous-utilisation du Web en entreprise, malgré sa facilité de déploiement, étant principalement due à la complexité de développement de support de processus, de liaisons aux données ou de contrôles utilisateurs moins riches que ceux offerts par le développement desktop. Depuis peu, ces lacunes sont comblées par l’apparition et la combinaison de nombreuses technologies dédiées au développement front-end : HTML5/CSS3, Javascript et toutes ses librairies (AJAX, Jquery, etc.). Les entreprises entrevoient aujourd’hui sereinement le développement d’applications métiers Web avec un back end en Java ou .NET et un front end HTML5.

Pour cette formation, il est nécéssaire de connaître les bases du HTML, du CSS et du JavaScript.

Cette formation aborde l’entièreté des possibilités de développement offertes par la combinaison HTML5/CSS3 aussi bien en ce qui concerne le développement Web que le développement Mobile.

Compétences visées
Définir le rôle des technologies HTML5 et CSS 3 dans le développement applicatif
Positionner HTML5 par rapport à ses alternatives
Utiliser les nouvelles possibilités offertes par HTML5
Utiliser les nouvelles possibilités offertes par CSS3
Développer des formulaires utilisant les fonctionnalités d’HTML5
Mettre en place des graphismes disposant d’ombres et de bordures avec CSS3
Utiliser le responsive design pour la mise en place d’une application Web
Lire des flux vidéo et audio en HTML5
Utiliser les mécanismes de géolocalisation de HTML5
Travailler avec des images vectorielles
Utiliser le stockage local
Communiquer avec le serveur en HTML5
Optimiser la performance avec HTML5
Leçons
  • HTML5 : standards et retro-compatibilité
  • Navigateurs et outils de travail
  • HTML5 vs Flash
  • Applications HTML5 vs applications natives
  • DOCType, encodage, règles de syntaxe
  • Les nouvelles balises sémantiques
  • Relations, microts formats et micro-données
  • Nouveaux sélecteurs CSS3
  • Inline, block et float
  • Contenu en colonnes
  • Le futur du positionnement : (flex)box
  • Nouveaux types de champs
  • Validation par le navigateur
  • Ergonomie, mobile et accessibilité
  • Suggestions automatiques
  • Graphisme dynamique simplifié
  • Polices de caractères personnalisées
  • Couleurs et dégradés
  • Ombres et opacité
  • Bordures et arrières plans avancés
  • Media-queries : sadapter à la résolution d’écran et à l’orientation
  • Viewport
  • Contenu en colonne
  • Régions et exclusions
  • Transformations
  • Transitions
  • Animations autonomes
  • Formats, codecs et outils
  • Balises
  • API Javascript
  • Plein écran et lecture partielle
  • Obtenir et suivre la position de l’utilisateur
  • Images vectorielles
  • Création dynamique d’images en JavaScript
  • Attrbuts data-personnalisés
  • localStorage et sessionStorage
  • manifest
  • indexedDB : base de données locale
  • SPDY : le http accéléré
  • Server-sent events
  • Websockets : communication permanente
  • Initiation à node-js
  • Webworkers, scripts simultanés et partagés
  • Page Visibility API
  • Battery API

Vous désirez organiser une formation dans votre entreprise ?