Aller au contenu

Cours 2

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

L’importance d’investir dans les compétences non techniques à l’ère de l’IA, notamment les compétences relationnelles humaines

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

📚 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.

📚 Emmet dans VS Code

DEVOIRS à faire pour le prochain cours

Bootcamp de révision & diagnostique HTML+CSS

🍽️ Menu de restaurant

Remettre avant le début du cours 3 : +, commit "Remise", [...] push.

git [+], commit Remise, [...], push

Si vous n'arrivez pas à faire le push, nous allons trouver une solution ensemble en début de cours 3.