Cours 7.1¶

Aujourd'hui¶

• Où en êtes-vous?
• Optimiser les médias
• Rendre votre portfolio trouvable par les moteurs de recherche (retirer noindex de main)
• Le jury (présentations) : à quoi s'attendre
• Atelier
  • Vos correctifs QA
  • Mon code, je le comprends et je l'assume : pratique en duo, avec pige
• Répétition de la présentation en duo avec un camarade de classe
• Autoévaluation : on la commence ensemble (10 min)
• Devoir : autoévaluation, journal, remise finale

Rappel et mise à jour¶

Projet portfolio¶

Tutorat¶

Ce soir, mercredi : la période régulière d'Olivier (20h) est encore là pour le gr. Lora qui présente demain.

Où en êtes-vous?¶

Levez la main pour chaque étape atteinte :

1. Mes 3 tests sont faits (vous + 2 camarades), dans mon fichier QA.
2. GitHub Pages publie maintenant la branche main.
3. Mes écarts bloquants sont corrigés et validés en ligne.
4. Mes écarts majeurs sont corrigés et validés en ligne.
5. Mon autoévaluation est remplie, avec preuve pour chaque indicateur (onglet du fichier QA).

Bloqué à l'étape 1 ou 2? C'est la priorité, avant tout le reste. Étape 4 des consignes QA : passer sur main

Optimiser les médias¶

C'est un indicateur de votre grille (critère 1), et souvent le gain le plus facile : les images pèsent presque toujours plus lourd que tout le reste du site. On mesure dans l'onglet Réseau, puis 4 gestes : le bon format, les bonnes dimensions, loading="lazy", et width/height.

Optimiser les médias

Notez le poids avant et après dans l'onglet Correctifs de votre fichier QA : c'est votre preuve.

Rendre votre portfolio trouvable¶

Pendant les tests, votre bêta était cachée aux moteurs de recherche. Votre portfolio final, lui, doit pouvoir être trouvé par un employeur.

Sur main, dans VS Code, retirez cette ligne de chaque fichier HTML (si elle y est) :

<meta name="robots" content="noindex, nofollow">

Commit, push. Vérification : sur votre site en ligne, Ctrl + U, la ligne n'y est plus.

Le jury : à quoi s'attendre¶

Environ 7 minutes de présentation, puis les questions. Le cœur : votre page de projet qui montre le processus créatif. Et préparez-vous à ouvrir votre code et à le modifier en direct, Copilot fermé.

Présentation devant le jury : les consignes

Atelier : vos correctifs¶

Votre fichier QA est votre liste de travail : bloquants, puis majeurs, puis mineurs si le temps le permet. Pour chaque correctif :

• un commit dont le message commence par l'ID du test (T-21 : ...);
• le scénario refait en ligne, sur main;
• la ligne remplie dans l'onglet Correctifs (validé, date, comment).

D'abord: Consignes QA : étape 4 : passer GitHub Pages sur main et ensuite :

Consignes QA : étape 5, corriger et valider

Mon code, je le comprends et je l'assume¶

Le jour du jury, après les commentaires, vous viendrez en retrait avec moi pour 3 minutes de questions sur votre code. Elles sont pigées au hasard, devant vous, dans trois banques :

Aujourd'hui, on pratique ce format en duo, avec d'autres demandes du même genre et du même niveau.

1. Formez un duo et ouvrez la page de pratique.
2. L'un pige et joue le jury; l'autre répond, sur son portfolio, dans VS Code, Copilot fermé.
3. Le partenaire observe avec la grille de la page. Puis on inverse, et on recommence avec une nouvelle pige.

Pratique : piger une demande

Vous bloquez, ou vous voulez faire valider une réponse? Levez la main, je viens vous voir.

Des exemples de questions du jury

Répétition en duo¶

Vous avez fini vos correctifs? Formez un duo et présentez-vous mutuellement votre portfolio, chronométré :

1. Présentation complète, environ 7 minutes, sans interruption.
2. Votre partenaire joue le jury : une question de justification sur vos choix (les modifications en direct, vous les pratiquez avec la pige).
3. On inverse.

Autoévaluation et journal de bord¶

Deux éléments de la remise finale qui tombent facilement entre deux craques. On commence l'autoévaluation ensemble, 10 minutes à la fin du cours; vous la terminez à la maison, avec le journal.

L'autoévaluation, dans votre fichier QA¶

Onglet Autoévaluation de votre qa-prenom-nom.xlsx qui se trouve ici . Pour chacun des 14 indicateurs de la grille critériée :

1. choisissez votre niveau (Insuffisant, Acceptable, Très bien, Excellent);
2. écrivez la preuve qui le justifie : un fichier (ex. PLANIFICATION.md), un ID de test (ex. T-21), un commit.

Le journal de bord, dernier bloc¶

Dans documentation/JOURNAL.md, un titre pour ce bloc, par exemple ## Bloc 3 : correctifs et finalisation, puis les 5 questions :

1. Qu'est-ce que j'ai accompli depuis le dernier bloc? (Vous pouvez faire référence à vos commits.)
2. Quelle a été ma principale difficulté et comment je l'ai surmontée?
3. Qu'est-ce que j'ai appris que je ne savais pas avant?
4. Si j'avais une semaine de plus, qu'est-ce que je changerais? (remplace « Quelle est ma prochaine étape concrète? » pour ce dernier bloc)
5. Est-ce que j'ai utilisé l'IA? Si oui, pour quoi et qu'est-ce que ça m'a appris?

N'oubliez pas : chaque question posée à l'IA depuis la bêta, avec la date, le prompt, l'outil et le résultat. Comment citer l'IA

Devoir¶

Portfolio : remise finale (gr. Lora jeu. 8 oct. · gr. Enric jeu. 15 oct.)¶

• GitHub Pages publie main, sans la ligne noindex, et l'adresse est dans votre README.md.
• Vos correctifs (au moins les bloquants et les majeurs) sont validés dans l'onglet Correctifs.
• Important : L'onglet Autoévaluation de votre fichier QA est rempli, avec une preuve pour chaque indicateur.
• Le lien vers votre fichier qa-prenom-nom.xlsx est dans votre README.md.
• JOURNAL.md : les 5 questions du dernier bloc, et chaque question posée à l'IA depuis la bêta.
• Votre présentation est prête et chronométrée : consignes du jury.