Description
L’orientation web des applications actuelles a conduit à l’émergence d’un nouveau standard, plus adapté aux besoins et usages que la norme précédente. Enrichissement du jeu de balises, améliorations sémantiques, nouvelles fonctionnalités externes : le HTML5 apporte un nouveau souffle à un langage vieillissant, et le repositionne au centre du développement Web. Au-delà des évolutions de langage, c’est une nouvelle approche du développement des IHM mais aussi des modèles de communication qu’il est nécessaire d’acquérir pour tout concepteur d’application web moderne. A l’issue de la formation, vous serez capable de créer des applications web dynamiques et responsives, en utilisant conjointement les nouvelles possibilités du langage HTML5 et des feuilles de style CSS3.
Objectifs
- Concevoir et développer des applications Web en HTML5 et CSS3
- Mettre en place et valider la structure HTML 5 des pages Web
- Habiller des pages Web en CSS 3 afin de les rendre plus attractives
- Produire des pages compatibles avec les différents navigateurs internet
- Rendre responsive design les pages Web d'un site
- Créer des images et des animations vectorielles
Récapitulatif
Public
Développeurs, concepteurs web, chefs de projets…
Prérequis
Connaissances internet standard.
Une expérience pratique du web est souhaitable.
Méthodes et modalités pédagogiques
Formation réalisée en Présentiel, Distanciel ou Dual-Learning selon la formule retenue.
Moyens et supports pédagogiques
Mise à disposition d'un poste de travail sur nos formations en Présentiel.
Mise à disposition de nos environnements de visio sur nos formations en Distanciel
Remise d'une documentation pédagogique numérique pendant la formation
La formation est constituée d'apports théoriques, d'exercices pratiques et de réflexions
Dans le cas d'une formation sur site Entreprise, le client s'engage à avoir toutes les ressources pédagogiques nécessaires (salle, équipements, accès internet, TV ou Paperboard...) au bon déroulement de l'action de formation conformément aux prérequis indiqués dans le programme de formation
Modalités de suivi et d'évaluations
Auto-positionnement des stagiaires avant la formation
Émargement des stagiaires et formateur par 1/2 journée
Exercices de mise en pratique ou quiz de connaissances tout au long de la formation permettant de mesurer la progression des stagiaires
Auto-évaluation des acquis de la formation par les stagiaires
Questionnaire de satisfaction à chaud et à froid à l'issue de la formation
Programme détaillé
Concevoir et développer des applications web en HTML5 et CSS3
- Fonctionnement d'un site internet ou d'une application web
- Principes et nouveautés de HTML5
- Environnement de développement
- Utiliser HTML5 avec CSS3 et Javascript
Mettre en place et valider la structure HTML 5 des pages web
- Les balises HTML5 et balises de structure
- Les validateurs HTML (normes W3C)
- Les normes d'accessibilité (normes WCAG, RGAA)
Habiller des pages web en CSS 3 afin de les rendre plus attractives
- Le design et les CSS3
- Les transformations
- Les animations
- Les dégradés et effets de bordures
- Pseudo-classes et pseudo-éléments
- Les polices
- Le Responsive-Design et les média-queries
- Les Framework CSS avec LESS ou SASS
Produire des pages compatibles avec les différents navigateurs Internet
- Tableaux de compatibilité navigateurs HTM5, CSS3
- Outils de détections (par exemple Modrnizer)
- Rétrocompatibilité et limites avec les polyfills
- Rétrocompatibilité avec les outils de compilation CSS
Rendre responsive design les pages web d'un site
- Les médias queries CSS et le flex
- Les librairies de grilles
- Les outils pour le responsive
- Outils développeurs intégrés au navigateur et vue responsive
- Emulation de navigateurs ou périphériques (local ou cloud)
- Tests automatisés et captures d'écrans
- Créer des images et des animations vectorielles
Créer des images et des animations vectorielles
- Images matricielles vs. Images vectorielles
- Polices d'icones
- Dessins CSS (formes géométriques simples) et animations
- SVG et animations
- Canvas et animations