HTML/CSS

Partie 18 — Mini-projet final : créer une landing page complète et responsive

Apprenez à créer une landing page moderne et responsive en HTML et CSS : structure sémantique, composants UI, Flexbox, Grid, responsive design, accessibilité et bonnes pratiques SEO, expliqués pas à pas.

Lire → 1 hour ago

Partie 17 — Accessibilité & SEO HTML : balises sémantiques, alt et aria (bases)

Apprenez les bases de l’accessibilité et du SEO HTML : balises sémantiques, structure logique, images accessibles (alt), attributs aria et bonnes pratiques pour améliorer l’expérience utilisateur et le référencement.

Lire → 7 hours ago

Partie 16 — Composants UI : boutons, cartes, navbar, sections propres

Apprenez à créer des composants UI modernes en HTML/CSS : boutons interactifs, cartes élégantes, navbar responsive et sections propres, avec des exemples clairs et des bonnes pratiques professionnelles.

Lire → 1 hour ago

Partie 14 — Layout moderne 2 : CSS Grid (mises en page avancées)

Apprenez CSS Grid pas à pas : grid-template-columns, rows, gap, areas, fr, repeat, minmax et responsive design pour créer des layouts complexes et professionnels en CSS.

Lire → 1 hour ago

Partie 15 — Responsive design : media queries + approche mobile-first

Apprenez le responsive design : balise viewport, unités fluides, breakpoints, media queries et approche mobile-first pour adapter vos pages à tous les écrans (smartphone, tablette, desktop) avec des exemples en code.

Lire → 1 hour ago

Partie 13 — Layout moderne 1 : Flexbox (aligner et organiser facilement)

Apprenez Flexbox en CSS : display:flex, axes, justify-content, align-items, flex-wrap, gap, flex:1 et cas réels (menu, cartes, header) avec code affiché (non exécuté) pour comprendre rapidement.

Lire → 1 hour ago

Partie 12 — Couleurs & backgrounds : contrastes, gradients et images de fond

Maîtrisez les couleurs et arrière-plans en CSS : formats de couleurs, contrastes, backgrounds, gradients linéaires et images de fond, avec de bonnes pratiques pour un design lisible et professionnel.

Lire → 1 hour ago

Partie 11 — Typographie CSS : fonts, tailles, line-height et lisibilité

Apprenez à maîtriser la typographie CSS : choix des polices, tailles de texte, line-height, unités relatives et bonnes pratiques pour améliorer la lisibilité et le confort de lecture.

Lire → 14 hours ago

Partie 10 — Le modèle de boîte (Box Model) : margin, padding et border

Comprenez le modèle de boîte CSS (Box Model) : margin, padding, border, width, height et box-sizing, avec des exemples clairs en code pour éviter les erreurs classiques de mise en page.

Lire → 1 hour ago

Partie 9 — CSS : syntaxe, sélecteurs, cascade, héritage et spécificité

Découvrez les bases du CSS : comprendre la syntaxe, utiliser les bons sélecteurs, maîtriser la cascade, l’héritage et la spécificité pour créer des styles propres, cohérents et professionnels.

Lire → 3 hours ago

Partie 8 — Formulaires HTML : inputs, labels et validations de base

Apprenez à créer des formulaires HTML efficaces : types d’inputs, labels accessibles, attributs required, placeholder, pattern, validation native et bonnes pratiques modernes.

Lire → 1 hour ago

Partie 7 — Les tableaux HTML : quand les utiliser et bonnes pratiques

Apprenez à utiliser les tableaux HTML correctement : structure avec table, thead, tbody, tr, th, td, cas d’usage réels, accessibilité et erreurs à éviter.

Lire → 1 hour ago