Apprendre CSS : Design Web

Sur votre téléphone, venez apprendre CSS : sélecteurs, mises en page adaptatives, animations et design web moderne. Des leçons courtes et ciblées et un éditeur accessible d’un geste, avec HTML et CSS côte à côte et aperçu en direct, guident les débutants comme les développeurs confirmés.

CE QUI EST INCLUS

• 40 cours, 159 leçons : du niveau débutant (A1) au niveau avancé (C1)

• Un CSS editor avec HTML et aperçu instantané : testez et créez vos pages

• 20 projets guidés de design web : barre d’outils, grille de cartes, en-tête fixe, bouton animé par pulsations

• 20 missions de chasse aux bugs : carte trop large de 42px, media query inactive sur téléphone, fenêtre modale derrière la page

• Examen final et certificat de réussite

• 22 langues

UN PARCOURS COMPLET, DU NIVEAU DÉBUTANT AU NIVEAU AVANCÉ

• Syntaxe, sélecteurs, couleurs, arrière-plans, typographie, modèle de boîte, affichage, positionnement, unités, valeurs

• Pseudo-classes, pseudo-éléments, CSS flexbox, CSS grid : des bases aux mises en page avancées

• Design adaptatif, media queries, container queries

• Propriétés personnalisées (variables), fonctions, spécificité, cascade, @layer

• Transitions, transformations, animations par images clés, filtres, modes de fusion

• Mode sombre, jeux de couleurs, défilement, débordement, clip-path, formes

• Débogage avec les outils de développement, architecture BEM, Sass, PostCSS, jetons de design

• Modèles de composants et de mises en page modernes, performances, Houdini

UNE PRATIQUE QUI RESTE EN MÉMOIRE

• Quiz, aide-mémoire de 69 entrées, 50 questions avec réponses claires pour les entretiens de développeur front-end ou web

• Bibliothèque de code modifiable ; enregistrez code, notes et leçons favorites

• Défi mondial de programmation : trois manches mondiales par jour en Python, JavaScript et autres langages

• Séries de jours, XP, classement, rappels quotidiens

MENTOR AI

• Interrogez AI sur les concepts, erreurs, mises en page, propriétés ou votre code

• L’espace d’expérimentation AI génère du HTML et du CSS à partir de descriptions de pages

• Quota AI gratuit chaque jour ; illimité avec Pro

À QUI S’ADRESSE L’APPLICATION

• Débutants souhaitant apprendre CSS pour le développement web

• Designers qui mettent les pages en forme au lieu de transmettre des maquettes

• Étudiants qui s’exercent en parallèle d’un cours de design web

• Développeurs HTML et CSS qui découvrent CSS flexbox et CSS grid

• Personnes en reconversion préparant un emploi en front-end

COMMENT ÇA MARCHE

1. Commencez gratuitement à apprendre CSS : syntaxe et sélecteurs

2. Modifiez les valeurs dans l’editor ; observez l’aperçu

3. Découvrez le modèle de boîte, Flexbox, Grid, le design adaptatif et l’animation

4. Réalisez des projets guidés ; corrigez les bugs de mise en page

5. Réussissez l’examen final pour obtenir votre certificat

GRATUIT ET PRO

Gratuit : premier cours, premier projet guidé, deux missions, editor avec aperçu en direct et quota quotidien du mentor AI. Pro : tous les cours, projets et missions, examen de certification, AI illimitée et aucune publicité.