Description
Ce programme de formation vise à former des professionnels capables de concevoir et développer des applications web en utilisant HTML5, CSS3 et JavaScript. Les participants apprendront à structurer des pages HTML, à appliquer des styles CSS pour améliorer l'attrait visuel, et à garantir la compatibilité entre navigateurs. Ils découvriront également les principes du responsive design et la création d'images et d'animations vectorielles. Destiné aux développeurs web débutants ou intermédiaires, ce cursus leur permettra d'acquérir des compétences pratiques et théoriques essentielles pour réussir dans le domaine du développement web.
Objectifs
- Concevoir et développer des applications Web en HTML5 et CSS3Mettre en place et valider la structure HTML 5 des pages WebHabiller des pages Web en CSS 3 afin de les rendre plus attractivesProduire des pages compatibles avec les différents navigateurs internetRendre responsive design les pages Web d'un siteCréer des images et des animations vectorielles
Récapitulatif
Public
Développeurs, concepteurs web, chefs de projets…
Prérequis
Niveau : Avoir des connaissances internet standard. Une expérience pratique du web est souhaitable.
Techniques (formations en classe virtuelle) : Vous devez disposer d'un ordinateur connecté à internet, d'un micro et d'une caméra
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é
S1 – Concevoir et développer des applications web en HTML5 et CSS3
- A l'issue de cette séquence, vous êtes capable d'expliquer le fonctionnement des sites web ou applications web. Vous savez identifier le rôle des langages HTML, CSS et JS. Vous comprenez la vision de HTML5 (triptyque HTML, CSS, JS). Vous savez créer une page HTML et utiliser des éléments et balises de base (DOCTYPE, titres, textes, images, liens, tableaux, formulaires).
- 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
S2 – Mettre en place et valider la structure HTML 5 des pages web
- A l'issue de cette séquence, vous êtes capable de structurer une page HTML avec les balises de structure adéquates. Vous savez que le respect des bonnes pratiques HTML (comme la structure des pages, l'emploi de certaines balises ou attributs) permet de favoriser la validation des pages ou l'accessibilité.
- Les balises HTML5 et balises de structure
- Les validateurs HTML (normes W3C)
- Les normes d'accessibilité (normes WCAG, RGAA)
S3 – Habiller des pages web en CSS 3 afin de les rendre plus attractives
- A l'issue de cette séquence, vous êtes capable de charger et utiliser des styles sur une page HTML.
- 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
S4 – Produire des pages compatibles avec les différents navigateurs Internet
- A l'issue de cette séquence, vous êtes capable d'identifier les contraintes de rétrocompatibilité. Vous savez identifier différentes méthodes pour y remédier. Vous savez utiliser l'une d'entre elles.
- 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
S5 – Rendre responsive design les pages web d'un site
- A l'issue de cette séquence, vous êtes capable d'identifier les résolutions d'écrans principales. Vous savez appliquer les médias-queries pour cibler une résolution spécifique. Vous savez tester le responsive.
- 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
S6 – Créer des images et des animations vectorielles
- A l'issue de cette séquence, vous êtes capable d'identifier le principe du rendu vectoriel en HTML. Vous savez utiliser des images ou animations vectorielles en HTML.
- Images matricielles vs. Images vectorielles
- Polices d'icones
- Dessins CSS (formes géométriques simples) et animations
- SVG et animations
- Canvas et animations