Cours 11¶

Lundi 20 avril / mercredi 22 avril

Annonces¶

Remise de la planification du projet Solarix¶

Rappel: si ce n'est pas fait, vous devez remettre la planification de votre projet Solarix maintenant (était dû avant votre cours d'aujourd'hui).

PLANIFICATION du projet Solarix

Présentations finales ddu projet Solarix¶

Les présentations seront individuelles entre l'étudiant et l'enseignante. Elles se déroulent lors du cours final (11 ou 14 mai) et dureront environ 10 minutes par étudiant. Vous aurez un créneau horaire précis qui vous sera communiqué à l'avance.

PRÉSENTATIONS orales du projet Solarix

Retour sur exercices du cours 10¶

Composants adaptatifs intelligents (Container queries)¶

Suite du dernier cours...

📚 Composant adaptatif intelligent: Container Queries

📚 Container Queries: RÉSUMÉ

Exercice Container-query¶

IMPORTANT : Connectez-vous à CodePen d'abord et ensuite faites un FORK du Pen de départ pour l'enregistrer dans votre compte, archiver l'exercice et pouvoir avoir un lien unique vers votre exercice complété pour la remise.

Pen de départ | FAIRE UN FORK

Pseudo-classes CSS et pseudo-éléments CSS¶

États
Structurels
Pseudo-éléments

📚 Contenu de cours: Pseudo-classes et pseudo-éléments

Exercice¶

👩🏻‍💻 Exercice pseudo-classes

Accessibilité & robustesse¶

Contraste et lisibilité
Focus et navigation clavier
Tailles de clic/touch et états interactifs
Structure sémantique et textes alternatifs
Démo Lighthouse

📚 Contenu de cours: Accessibilité

Démo Lighthouse¶

Demo de Maison Verdure, inspection avec Lighthouse (Chrome DevTools).

Travail sur le projet Solarix¶

Pour le reste du cours:

Je suis disponible pour des rencontres individuelles pour vous aider à avancer votre projet Solarix.
Avancer le projet intégrateur: Solarix
- Choisir une chose vue aujourd'hui et l'appliquer dans votre projet (notez en commentaire dans le code que vous avez appliqué des notions du cours 11, pour que je puisse les repérer facilement lors de la correction).
- Répondre aux questions du journal de bord - Semaine 2 d'ici la semaine prochaine.

CONSIGNES Projet intégrateur: Solarix

Devoir¶

Avancer le projet intégrateur: Solarix
- Choisir une chose vue aujourd'hui dans le cours 11 et l'appliquer dans votre projet (notez en commentaire dans le code ce que vous avez appliqué des notions du cours 11 afin que je puisse les repérer facilement lors de la correction).
- Répondre aux questions du journal de bord - Semaine 2 d'ici la semaine prochaine.

CONSIGNES Projet intégrateur: Solarix