Le développement web client avec HTML5 et CSS3
Réf. T-ITLO-026
- A distance
INCLUS AVEC NOS FORMATIONS* : 3 mois d’accès à la Bibliothèque Numérique ENI.
*Offre valable pour toute inscription aux sessions inter-entreprises réalisée entre le 10/10/2022 et le 30/06/2023 inclus.
Le développement Front End correspond aux éléments d’une application web qu’un utilisateur peut voir et avec lesquels il peut interagir directement.
Cette e-formation s’adresse aux développeurs qui souhaitent acquérir les bonnes bases et les bonnes pratiques pour développer des pages web à l’aide du langage HTML et des feuilles de style CSS.
La formation est accessible à distance pendant 3 mois via un ordinateur type PC disposant d’une connexion à Internet.
Pendant toute la durée de la formation :
- Le stagiaire dispose d’une assistance technique et pédagogique illimitée, par e-mail. En complément, il peut planifier jusqu’à deux rendez-vous pédagogiques pour échanger avec un formateur expert.
- Le stagiaire peut accéder à une plate-forme dans le Cloud contenant l’environnement technique nécessaire à son apprentissage et notamment à la réalisation de l’ensemble des travaux pratiques.
Le portail de formation, donne accès à un ou des parcours de formation composés de vidéos de formation, de démonstrations, de Travaux pratiques, d’un ou plusieurs livres numériques.
- Mon Compte Formation (CPF)
Objectifs
- Créer une page HTML avec des éléments simples (texte, images, listes, liens)
- Mettre en forme le contenu de la page en CSS
- Définir des règles de positionnement du contenu
- Créer et mettre en forme des formulaires de saisie
- Créer et mettre en forme un tableau de données
- Intégrer du contenu multimédia
- Intégrer les bonnes pratiques de conception pour créer des pages Web accessibles
Certification
Cette formation permet de passer la certification ENI Créer et mettre en forme des pages web (HTML5 et CSS3)
Pré-requis
Pas de prérequis.
Public
Informaticiens
Programme de la formation
Présentation du cours
Introduction
- Objectifs du module
- Préambule
- Internet
- Web
- Démonstration - Premier site web
- Évolution du Web
- Définitions
- Outils
- Démonstration - Installation de Visual Studio Code
- Conclusion
HTML, sémantique et structure
- Objectifs du module
- Introduction
- Démonstration - Utilisation de CanIUse
- Démonstration - Exploration d'un site avec les outils des navigateurs
- Généralités du langage HTML5
- Doctype
- Balise
- Balise
- Démonstration - Structure de base
- Balise
- Démonstration - Eléments structurants du body
- Texte - Partie 1
- Démonstration - Titres
- Texte - Partie 2
- Démonstration - Paragraphes
- Texte - Partie 3
- Démonstration - Mise en valeur du texte
- Tableau
- Démonstration - Tableaux
- Maquettage
- TP à réaliser
- Correction du TP
- Conclusion
Le contenu multimédia
- Objectifs du module
- La balise
- Les polices d'icônes
- Les contenus audio et vidéo
- TP à réaliser
- Correction du TP
- Conclusion
Les bases du CSS
- Objectifs du module
- Introduction
- Mise en place externe du CSS
- Démonstration - Mise en place externe
- Mise en place interne du CSS
- Démonstration - Mise en place interne
- Mise en place inline
- Démonstration - Mise en place inline
- Recommandations
- Syntaxe CSS
- Sélecteurs
- Démonstration - Sélecteurs
- Convention de nommage
- TP à réaliser
- Propriétés CSS
- TP à réaliser
- Cascade et spécificité
- Démonstration - Spécificité
- TP à réaliser
- Héritage
- Démonstration - Héritage
- TP à réaliser
- Correction du TP
- Conclusion
La navigation
- Objectifs du module
- Liens
- Démonstration - Les liens
- Fil d'Ariane
- Listes
- Démonstration - Listes
- TP à réaliser
- Correction du TP
- Conclusion
Les unités de mesure
- Objectifs du module
- Types d'unités
- Unités absolues
- Unités relatives
- Fonctions
- Bon usage des unités
- Démonstration - Les unités
- TP à réaliser
- Correction du TP
- Conclusion
Le positionnement des éléments
- Objectifs du module
- Introduction
- Float
- Démonstration - Float
- Display
- Démonstration - Display
- Position
- Démonstration - Position
- Flex
- Démonstration - Flex
- TP à réaliser
- Correction du TP
- Conclusion
La responsivité
- Objectifs du module
- Introduction
- Tailles d'écran
- Comment procéder ?
- Média Queries
- Démonstration - Media Queries
- TP à réaliser
- Correction du TP1
- Correction du TP2
- Conclusion
Les formulaires
- Objectifs du module
- Introduction
- Champ texte
- Champ nombre
- Champ date et heure
- Champ choix
- Boutons
- Ergonomie
- Démonstration - Formulaires
- Sécurité
- TP à réaliser
- Correction du TP
- Conclusion
Framework CSS
- Objectifs du module
- Introduction
- Minification
- TP à réaliser
- Bootstrap
- Démonstration - Bootstrap (partie 1)
- Démonstration - Bootstrap (partie 2)
- Démonstration - Bootstrap (partie 3)
- TP à réaliser
- Correction du TP
- Conclusion
Préprocesseurs SASS
- Objectifs du module
- Introduction
- Installation
- Utilisation
- Variables
- Démonstration - Variables
- Modules et Partials
- Démonstration - Partials
- Mixins
- Démonstration - Mixins
- Héritage
- Démonstration - Héritage
- Opérateurs
- Conditions
- Boucles
- Démonstration - Opérateurs, boucles et conditions
- Fonctions
- Démonstration - Fonctions
- TP à réaliser
- Correction du TP - Partie 1
- Correction du TP - Partie 2
- Correction du TP - Partie 3
- Conclusion
Formation accessible à distance pendant 3 mois, de n’importe où et n’importe quand, via un ordinateur type PC disposant d’une connexion à Internet à haut débit (ADSL ou plus).
Pendant toute la durée de la formation, le stagiaire dispose d’une assistance technique et pédagogique illimitée, par e-mail, avec un délai de prise en compte et de traitement qui n’excède pas 24h. En complément, le stagiaire peut planifier jusqu’à deux rendez-vous pédagogiques avec un formateur expert afin d’échanger sur des éléments de la formation.
La durée de la formation affichée sur cette page est une durée estimée qui peut varier en fonction du profil du stagiaire et de ses objectifs (notamment s’il souhaite valider sa formation par le passage d’un examen de certification).
Le portail de formation, donne accès à un ou des parcours de formation composés :
- Des vidéos de la formation, organisées en modules et en séquences découpées le plus finement possible, en suivant le programme pédagogique détaillé sur cette page ;
- Des fiches démonstrations permettant au stagiaire de retrouver le fil d’une démonstration à dérouler pour s’entraîner ;
- Des énoncés et corrigés de travaux pratiques à réaliser tout au long de la formation ;
- D’une plateforme de travaux pratiques en ligne, contenant l’environnement technique nécessaire à la réalisation de l’ensemble des travaux pratiques ;
- Des quiz de validation des connaissances acquises ;
- D’un ou plusieurs livres numériques faisant office d’ouvrage(s) de référence sur le thème de la formation.
L’évaluation des acquis se fait tout au long de la formation au travers des différents travaux pratiques réalisés par le stagiaire.
En complément, pour les stagiaires qui le souhaitent, certaines formations peuvent être validées officiellement par l’éditeur en passant un examen de certification. Pour les formations concernées, l’examen est mentionné dans la zone « Certification » du programme de formation.
Les candidats à la certification doivent produire un travail personnel important en vue de se présenter au passage de l’examen, le seul suivi de la formation ne constitue pas un élément suffisant pour garantir un bon résultat et/ou l’obtention de la certification.
- Évaluation qualitative de fin de formation, qui est ensuite analysée par l’équipe pédagogique ENI.
- Attestation de suivi de formation remise au stagiaire par courrier électronique.
- A la demande, certificat de réalisation.
