Plus facile à lire avec un fond crème, une teinte, plus de contraste ou un texte plus grand ? Choisissez vos couleurs et votre texte, une fois pour toutes les pages.

Module gratuit

Développement web front-end

Apprenez le développement web front-end par la pratique : HTML, CSS, flexbox, grille, JavaScript, formulaires et contrôle d'une page.

6 leçonsLeçon de 410 minGénie logiciel

Les leçons

Chaque leçon se lit gratuitement en entier. Créez un compte gratuit pour lancer ses commandes dans un laboratoire et passer ses quiz et ses exercices.

  1. 1 · Labo de conteneurs

    Structurer une page avec HTML

    Je peux structurer une page avec un HTML qui a du sens.

    Lire la leçon

  2. 2 · Labo de conteneurs

    La cascade CSS : quelle règle gagne ?

    Je peux prévoir quelle règle CSS l'emporte quand plusieurs visent le même élément.

    Lire la leçon

  3. 3 · Labo de conteneurs

    Modèle de boîte, flexbox et grille

    Je peux mettre en page une page avec le modèle de boîte, flexbox et la grille.

    Lire la leçon

  4. 4 · Labo de conteneurs

    JavaScript et le DOM

    Je peux changer le texte et l'apparence d'une page avec JavaScript.

    Lire la leçon

  5. 5 · Labo de conteneurs

    Événements et validation de formulaire

    Je peux réagir à un clic et vérifier les champs d'un formulaire.

    Lire la leçon

  6. 6 · Labo de conteneurs

    Vérifier la qualité d'une page web

    Je peux vérifier la structure et le poids d'une page web.

    Lire la leçon

Travaillé dans un vrai laboratoire

Chaque leçon de ce module se travaille dans un laboratoire lancé pour vous seul. Les laboratoires utilisés :

Vous enseignez à une classe ? Proposez ce module à vos étudiants avec un guide de l'enseignant, des devoirs corrigés et un laboratoire pour chaque étudiant.