Cours 8.2¶
Projet portfolio (25%)¶
Remise phase 1 du projet App web créative¶
Quelques instructions en début de cours (vous pouvez le faire dans les 10 premières minutes du cours)
- Le git doit aussi comprendre la cahiers de charges complété
- Le git doit aussi inclure un README.md (voir les instructions dans Devoir pour les détails du README.md)
- Veuillez pousser tout ça sur la branche git main d'abord
- Ensuite, créez une nouvelle branche git nommée phase-1 (à lartir de la branche main)
- Poussez le tout sur le serveur distant GitHub.
- Ne touchez plus jamais à cette branche. Plus aucun commit ni push sur celle-ci. Puisque c'est l'état actuel de votre remise.
- Crééez une branche dev à partir de la branche main.
- Poussez le tout sur le serveur distant GitHub.
- À partir de maintenant, vous ne travaillez que sur la branche dev.
- Assurez-vous que tout le monde de l'équipe a bien cloné localement le répertoire et positionne leur GitHub Desktop sur la branche dev, et ce dès aujourd'hui.
Aujourd'hui¶
- Rappel contrat d'équipe
- Hébergement Web, nom de domaine et gbergement sur GitHub Pages
- NPM exercice
- Révision composantes Vue.js
- Quiz
- Révision composante
- Révision exercices
- Vue.js Un peu plus sur les props des composantes
- Vue.js Single File Component (SFC)
Contrat d'équipes¶
Le contrat permet aux membres de chaque équipe de s’entendre sur un but commun et de rendre explicites les règles qu’elles et ils désirent voir respecter dans leur équipe.
Hébergement Web¶
Diapositives de cours sur l'hébergement web et les noms de domaines
Hébergement Web chez HostPapa¶
Pour paramétrer votre site sur Host Papa via le cPanel, vous pouvez consulter cette petite capsule vidéo.
Hébergement sur GitHub Pages¶
Petite capsule vidéo sur l'hébergement GitHub Pages
Notez que cette capsule a été faite pour un autre groupe alors quand je parle de remise sur plusieurs branches, vous pouvez ignorer, du moins dans le cadre de votre projet portfolio
NPM (retour)¶
Exercice NPM Dragon Smaug¶
Partie 1 Exercice NPM Dragon Smaug¶
Partie 2 Exercice NPM Dragon Smaug¶
- Créer un répertoire git nommé Exercice NPM Dragon Smaug
- Clonez le en local et déposez-y vos fichiers de travail de l'exercice.
- Créer un fichier gitignore. Ce fichier vous servira à ignorer quelque chsoe de tr`s important à ignorer lorsqu'on utiliser le Node Package Manager (voir les notes de cours NPM ci haut).
- Poussez tout vers GitHub et lorsque terminé, veuillez montrer le otut à votre enseignante.
Composantes Vue.js¶
Quiz time!¶
Composantes Vue (révision)¶
Révision exercices composante¶
Devoirs¶
- Compléter exercice sushis y compris la partie "composante" d'ici lundi le 27 octobre.
- Compléter ton portfolio d'ici le 29 octobre
- Instructions générales et critères d'évaluation
- Instructions fetch des données des projets et widget Vue.js
- Préparer la présentation orale (les instructions plus précises vous seront fournie lundi prochain)
- Phase 2 du projet App web créative
- Création de l'app Vue de base et de l'environnement de développement via NPM et Vite (n'oubliez pas le .gitignore et ce qui est attendu d'être ignoré dans ce contexte).
- Structure des composantes de base Trace ton chemin Mémoires interactives