Cours 2¶
Utilisation de l'IA générative ou d'agent de codage IA interdits à cette phase dans la session: vous devez solidifier les bases d'abord !
RÉSUMÉ DU CONTENU VU AUJOURD'HUI¶
CSS Web 1
- 📚 CSS Cours 08 (CSS Syntaxe et règles de base, Sélecteur CSS: (balise, .classe, #id), combinaison de sélecteur, descendant, *sélecteur universel , ordre de priorité, spécificité, héritage, Modèle de boîte CSS (box model) :
padding,margin,border, Propriétédisplay) - 📚 CSS Cours 09 (Unités de mesure CSS (relative, absolue))
- 📚 CSS Cours 10 (Sélecteurs avancés)
- 📚 CSS Cours 11 (Nomenclatures CSS, hygyène de code, méthodologie BEM)
BEM
Ajouts sur la méthodologie BEM (contenu supplémentaire sur le sujet)
Documentation/résumé Web 1 pré 2025 :
Retour sur l'activité pratique: Analyse de code (Bloc 5 du dernier cours)¶
👩🏻💻 Activité pratique : Analyse de code
Lien GitHub Classsroom de l'activité
Retour sur la lecture du devoir du dernier cours¶
Activité¶
- Individuellement, répond par écrit à ces 3 questions :
- Une idée du texte que je retiens particulièrement
- Une idée qui m’a surpris ou dérangé
- Une phrase qui pourrait s’appliquer à mon futur métier
- Mise en commun en petits groupes
- Discussion collective (toute la classe)
Atelier: Schéma de navigation¶
👩🏻💻 Activité : Schéma de navigation - GitHub Classroom
Important: si exercice d'équipe lorsqu'on demande Create new team, nommez la: nomfamille-prenom1_nomfamille-prenom2 ex: ouellet-marie_lambert-jean
Révision CSS du cours Web1¶
📚 Contenu de cours: Les spécificités CSS
📚 Contenu de cours: Emmet dans VS Code
CSS Web 1
- 📚 CSS Cours 08
- CSS Syntaxe et règles de base
- Sélecteur CSS: (balise, .classe, #id), combinaison de sélecteur, descendant, *sélecteur universel , ordre de priorité, spécificité, héritage.
- Modèle de boîte CSS (box model) :
padding,margin,border - Propriété
display.
- 📚 CSS Cours 09
- Unités de mesure CSS (relative, absolue)
- 📚 CSS Cours 10
- Sélecteurs avancés
- 📚 CSS Cours 11
- Nomenclatures CSS, hygyène de code, méthodologie BEM
BEM
Ajouts sur la méthodologie BEM (contenu supplémentaire sur le sujet)
Documentation/résumé Web 1 pré 2025 :
Les spécificités CSS¶
Exercice spécificité¶
Un quiz amusant pour apprendre et pratiquer la spécificité en CSS.
👩🏻💻 Exercice: spécificité CSS - 20 questions 20 questions.
Emmet¶
Moteur d’autocomplétions permettant d’augmenter votre vitesse de création de balises HTML dans VS Code.
DEVOIRS à faire pour le prochain cours¶
Bootcamp de révision & diagnostique HTML+CSS¶
Remettre avant le début du cours 3 : +, commit "Remise", [...] push.
![git [+], commit Remise, [...], push](./assets/remise-git-commit-push.png)
Si vous n'arrivez pas à faire le push, nous allons trouver une solution ensemble en début de cours 3.