La formation “Bootstrap” permet a toute personne ayant les prérequis nécessaires d'identifier l'usage des grilles CSS avec la méthode Flexbox et de mettre en œuvre ces grilles en utilisant le framework Bootstrap.
Cette formation succède nécessairement à la formation W3CSS qui permet, quant à elle, de s'initier à l'utilisation d'un framework CSS simple à mettre en œuvre.
Une bonne maîtrise des langages HTML et CSS est indispensable pour tirer profit de la formation “Bootstrap”.
Programme de la formation
La formation “Bootstrap” est découpée en 2 séquences de 8 heures (4 demi‑journées). L'ordre dans lequel le programme des séquences est abordé peut varier légèrement d'une session à l'autre.
- Séquence 1 → 8 heures (1 journée)
- Employer Flexbox dans un site web et mettre en œuvre une grille CSS
- Séance 1-seq1
- Identifier les caractéristiques de Flexbox et ces différentes règles d'usage
- Mettre en œuvre Flexbox au cours de plusieurs exercices
→ 2 heures - Séance 2-seq1
- Identifier le rôle des media queries et les utiliser dans une feuille de style
- Expliquer le principe d’une grille CSS
- Créer une grille CSS en employant Flexbox
→ 2 heures - Séance 3-seq1
- Construire un site one page responsive en utilisant une grille CSS et Flexbox
- Évaluation et remédiation
→ 4 heures
- Séance 1-seq1
- Séquence 2 → 8 heures (1 journée)
- Utiliser Bootstrap pour la création d’un site web
- Séance 1-seq2
- Identifier le framework Bootstrap
- Expliquer le fonctionnement de Bootstrap
- Intégrer Bootstrap dans un site Web
→ 4 heures - Séance 2-seq2
- Utiliser Bootstrap pour construire la maquette d'un site web
- Proposer une variante CSS de la maquette produite
- Évaluation et remédiation
→ 4 heures
- Séance 1-seq2
.
Titre Pro Designer Web
Les compétences acquises et validées au cours de la formation “Bootstrap” s'inscrivent dans le programme de la préparation à la validation du Titre Professionnel Designer Web.
Les compétences acquises au cours de la formation “Bootstrap” permettent d'envisager la validation d'une partie seulement des compétences visées pour le titre. Pour envisager la validation de toutes les compétences du Titre Pro Designer Web, d'autres formations doivent nécessairement compléter la formation “Bootstrap”.
▶ Public concerné • Formation “Bootstrap”
La formation “Bootstrap” s'adresse à toute personne souhaitant :
- acquérir les compétences fondamentales pour utiliser le framework Boostrap et possédant toutes les compétences requises en informatique (voir plus bas) ;
- préparer la validation des Compétences Professionnelles CP3 et CP5, intitulées respectivement “Réaliser des maquettes et des interfaces” et “Intégrer des pages web en tenant compte des standards, du référencement, de l'accessibilité et de l'ergonomie”. Ces compétences font partie des 1er et 2e Certificat de Compétences Professionnelles (CCP) du Titre Professionnel “Designer Web”.
▶ Prérequis • Formation “Bootstrap”
- Être capable d'utiliser avec assurance une version récente d'un des systèmes informatiques suivants : Windows, Linux ou MacOSX.
- être capable de classer rigoureusement ses fichiers dans l'arborescence des dossiers de l'espace informatique utilisé ;
- Être capable d'utiliser les langages HTML et CSS pour coder la structure et le style d'une page web à l'aide d'un éditeur de code.
▶ Outils utilisés • Formation “Bootstrap”
- Un éditeur de code en local (Brackets ou VS Code)
- Un navigateur Web (Chrome ou Firefox)
- Le framework Bootstrap
▶ Durée et lieu de formation • Formation “Bootstrap”
6 séances de 2 ou 4 heures (16 heures au total), au Pôle Plurimédia du lycée La Fayette, à Clermont‑Ferrand, 21 boulevard Robert Schuman.
Objectifs • Formation “Bootstrap”
| 2 objectifs généraux | Registres de savoir |
|---|---|
| Employer Flexbox dans un site web et mettre en œuvre une grille CSS | Savoir faire |
| Utiliser Bootstrap pour la création d’un site web | Savoir faire |
À la fin de la formation “Bootstrap”,
l'apprenant sera capable de :
Évaluation des acquis • Formation “Bootstrap”
Une évaluation des acquis en cours de formation s'effectue de manière formative, permettant une remédiation individualisée quand cela est nécessaire.
Des travaux pratiques permettent à chaque apprenant, au cours de chaque séquence, de se situer par rapport à des critères d'exigence communiqués à tous.