Cours 10

Lundi 13 avril / mercredi 15 avril

Révision des exercices du cours précédent

• 👩🏻‍💻 Atelier Zone-Out 🎮 (breakpoint-media queries)
• 🎨 Carte adaptative media queries avancées (1 CodePen)
• ↗ Transform: Pyramide, fleur, abysse, chevron, banderole et papillon

🔁 Transitions CSS

• transition
• transition-property
• transition-duration
• transition-timing-function
• transition-delay `
  

📚 Contenu de cours: Transitions CSS 🔁

Exercices transition

👩🏻‍💻 Exercice transitions: Spiderman

👩🏻‍💻 Exercice transitions Bojack Horseman

Composants adaptatifs intelligents (Container queries)

📚 Composant adaptatif intelligent: Container Queries

📚 Container Queries: Utilisation (RÉSUMÉ)

Lancement du projet final

CONSIGNES Projet intégrateur: Solarix

Devoirs

• Projet intégrateur - Planification: remise au prochain cours (10%)
• Terminer les exercices 2 de transition CSS
• Terminer l'exercice de composant adaptatif intelligent (container queries)