Cours 1¶

Utilisation de l'IA générative interdite à cette phase dans la session: vous devez solidifier les bases

Semaine 1: Rôle de l’intégrateur & lecture d’interface¶

Posture pédagogique du cours

Web 2 vise à développer la capacité de comprendre, structurer, adapter et améliorer une interface Web, dans un contexte professionnel où les outils de design, d’automatisation et d’IA sont présents. Nous apprendorons à bien les utiliser et ce, dans la deuxième moitié de la session.

Ordre du jour¶

Accueil
- Brise-glace
- Présentation de votre enseignante
- Plan du cours pour la session
Bloc 0 Votre jugement face à un site web
Bloc 1 Votre relation avec l'IA
Bloc 2 Exposé: Le rôle de l'intégrateur web à l'ère de l'IA
Bloc 3 Démo live et discussion
Bloc 4 Quiz interactif
Bloc 5 Activité pratique: Analyse de code
Bloc 6 Exposé : Lire une maquette comme un pro
Bloc 7 Atelier: Schéma de navigation
Bloc 8 Exposé: Présentation politique IA phase 1
Bloc 9 Discussion ouverte et conclusion
Bloc 10 Devoir pour le prochain cours

Accueil¶

Joindre l'équipe Teams pour le cours¶

Le code sera partagé en classe au cours 1.

Brise glace¶

Présentation de votre enseignante¶

Je me présente, Marie-Michelle...

Présentation du plan de cours¶

Plan de cours

Bloc 0 Activité: Votre jugement face à un site web¶

Lien vers l'activité (whiteboard avec post it et 3 questions)

Bloc 1 Votre relation avec l'IA¶

Bloc 2 Exposé 1a: L'intégrateur à l'ère de l'IA¶

👩‍🏫 Exposé 1a: L'intégrateur à l'ère de l'IA: Télécharger le PPT

Bloc 3 Démo live et discussion¶

Démo : "L'IA en action" (8 min)
Analyse collective (7 min)

"L'IA a généré quelque chose qui fonctionne. Vous, vous créez quelque chose qui fonctionne bien et durablement."
.

Désactiver les extensions IA dans Visual Studio Code¶

Fonctionnalité IA¶

Ouvrez la palette de commandes en appuyant sur Ctrl+Maj+P (Windows/Linux).
Saisissez Chat: Hide AI Features dans la barre de recherche.
Maintenant cochez: Chat`Disable AI Features.

Extensions¶

Allez dans extensions et vérifiez si Co-Pilot est installé, si c'est le cas, veuillez le désinstaller.
Recherchez aussi pour Chat GPT ou autre outil IA que vous connaissez et désinstallez les aussi

Bloc 4 Quiz interactif¶

Bloc 5 Activité pratique: Analyse de code¶

👩🏻‍💻 Activité pratique : Analyse de code

Bloc 6 Exposé 1b : Lire une maquette comme un pro¶

👩‍🏫 Exposé 1b: Lire une maquette : Télécharger le PPT

👩🏻‍💻 Activité pratique : Analyse de code - GitHub Classroom Important: si exercice d'équipe lorsqu'on demande Create new team, nommez la: nomfamille-prenom1_nomfamille-prenom2 ex: ouellet-marie_lambert-jean

Bloc 8 Présentation politique IA phase 1¶

👩‍🏫 Exposé 1c: Politique IA - Phase 1 : Télécharger le PPT

IMPORTANT: Pour la phase 1: Désactivez tous Co-Pilot dans VisualStudioCode.

Bloc 9 Discussion ouverte et conclusion¶

...

DEVOIRS à faire pour le prochain cours¶

Terminer l'activité pratique: Analyse de code débuté en classe¶