📚 Formation HTML & CSS
Plan de cours sur 4 semaines - Du débutant à Flexbox, Grid et Bootstrap
Semaine 1 : Fondamentaux HTML & CSS de base
1
Structure HTML
DOCTYPE, html, head, body, métadonnées essentielles
2
Balises sémantiques
header, nav, main, section, article, aside, footer
3
Texte, Listes & Liens
Titres (h1-h6), paragraphes, listes (ul/ol), liens (a), emphases
4
Images, Tableaux & Formulaires
img, figure, table, form, input, select, textarea, button
5
Introduction CSS
Sélecteurs, propriétés, couleurs, typographie, 3 méthodes d'intégration
Semaine 2 : CSS approfondi & Box Model
6
Box Model
padding, border, margin, box-sizing, width/height, display
7
Positionnement CSS
static, relative, absolute, fixed, sticky, z-index, float
8
Responsive Design
Unités relatives (%, rem, vw/vh), Media queries, Mobile First
9
Backgrounds & Pseudo-classes
background-image, gradients, :hover, :focus, :nth-child
10
Pseudo-éléments & Transitions
::before, ::after, transition, transform basics
Semaine 3 : Flexbox & Grid
11
Introduction Flexbox
display: flex, flex-direction, justify-content, align-items
12
Flexbox Avancé
flex-wrap, flex-grow, flex-shrink, flex-basis, gap, order
13
Introduction Grid
display: grid, grid-template-columns/rows, gap
14
Grid Avancé
grid-area, grid-template-areas, auto-fill, auto-fit
15
Flexbox + Grid combinés
Quand utiliser l'un ou l'autre, nesting, layouts complexes
Semaine 4 : Bootstrap & Projet final
16
Introduction Bootstrap
Installation (CDN), système de grille, container, row, col
17
Composants Bootstrap
navbar, cards, buttons, forms, classes utilitaires
18
Bootstrap Avancé
carousel, modal, accordion, responsive utilities, icônes
19
Personnalisation Bootstrap
Surcharger les styles, custom colors, combiner avec CSS perso
20
🎓 Projet Final
Site web complet multi-pages responsive avec Bootstrap + CSS custom