Cours 2¶

Utilisation de l'IA générative ou d'agent 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

📚 Nomenclature 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)

👩🏻‍💻 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

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

Info

Rappel concernant les exercices : il est primordial de compléter tous les exercices afin de développer les compétences visées dans ce cours. La première évaluation sommative est le Projet 1 — pour y être évalué adéquatement, vous devez avoir participé activement à toutes les activités d'apprentissage précédentes.

Par ailleurs, tel que précisé au plan de cours, la complétion de l'ensemble des exercices de la session vous permet d'obtenir la note maximale de 10/10, ce qui représente 10 % de la note finale.