Développer avec HTML5 et CSS3
Référence : HIT
Durée : 3 jours (21 heures)
Le Web a beaucoup évolué durant cette dernière décennie. L'apparition de nouveaux terminaux mobiles, le développement des réseaux sociaux, des blogs et wikis, l'interactivité et le multimédia sont devenus des composantes essentielles de la réalisation d'un site Web. Dans ce contexte, les standards du Web que sont HTML et CSS ont atteint leurs limites, laissant la place à des technologies non standardisées et donc controversées comme Flash. Le couple HTML5 / CSS3 a pour ambition de combler ces lacunes et faire face aux enjeux d'aujourd'hui, en proposant un standard moderne pour intégrer du contenu riche, faciliter le design des pages Web, et simplifier la problématique cross-plateforme.
Dans cette formation, vous aborderez les langages HTML5 et CSS3 sous un angle résolument pratique. Vous apprendrez à concevoir une page simple, puis à intégrer progressivement les nouvelles fonctionnalités de HTML5 et CSS3. Vous évaluerez aussi l'intérêt et la complexité de ces technologies pour décider de leur utilisation dans vos applications.
Travaux pratiques :
Vous jugerez par la pratique des possibilités graphiques apportées par les nouvelles balises (Video, Web Forms 2.0) ou la génération d'histogrammes avec des effets CSS3 ainsi que le support du Drag and Drop. Vous utiliserez ensuite les API JavaScript permettant de faire une application Internet riche (RIA) en HTML5 : déconnexion et sauvegarde locale, communication serveur et WebSockets, Web Workers.
Vous allez apprendre à :
- Comprendre les limites de HTML4 face aux enjeux du Web d'aujourd'hui
- Connaître les nouveautés de HTML5 et CSS3
- Savoir structurer efficacement une page Web avec HTML5
- Intégrer de la vidéo, du son et des animations
- Connaître les API de communication en JavaScript
- Utiliser les fonctionnalités avancées de géolocalisation et de persistance
Méthode pédagogique :
70% de travaux pratiques
Audience :
Architectes techniques, développeurs, chefs de projets, intégrateurs Web
Pré-requis :
- Connaissance de HTML
- Connaissance de JavaScript ou avoir suivi le cours JASI
Programme :
- Les origines de HTML et CSS
- W3C : Le Web et la standardisation
- Les langages HTML et XHTML
- La vocation du HTML et des CSS
- Syntaxe des feuilles de style
- Bonnes pratiques de design Web
- Présentation de HTML5 / CSS3
- Pourquoi une nouvelle version de (x)HTML et CSS ?
- La chaîne de production Web
- Intégration Web : limitations CSS 2.1
- Limites de HTML4 : technologies alternatives
- Balises HTML5 : changements et nouveautés
- Nouvelles balises
- Balises dépréciées
- Objectif : faciliter le design
- Le support des navigateurs
- Fonctionnalités de HTML5
- La sémantique
- Structurer une page
- Web Forms 2.0
- Le multimédia : vidéo et son
- Les canvas
- Drag and Drop
- Persistance, bases de données locales
- Travail hors ligne
- Géolocalisation
- Web Workers et WebSockets
- Fonctionnalités de CSS3
- Les préfixes CSS3
- Ombrage de texte
- Transformations et transitions
- 2D et 3D avec CSS3
- HTML5 / CSS3 : conclusion
- Etat des lieux et roadmap
- Produire avec HTML5
- Suivre les évolutions