Cours 8.1¶

Projet application web créative

Prochaine remise mercredi le 22 octobre pour 15% : - Rédaction du cahier de charges - Création des maquettes Figma - Définition de l'architecture technique - Setup du projet (Vite + Vue + dépendances)

Annonces¶

L'examen n'a pas été encore tout évalué à ce jour, ça devrait sortir dans les prochains jours.

Pour les échecs - possibilité de remonter un peu

Si vous avez échoué l'examen (moins de 60%), il y aura possibilité de faire un exercice de rattrapage. C'est facultatif mais je vous le permets. Suite à quoi, dépendemment de votre compréhension, vous pourrez regagner jusqu'à 20% de la note de l'examen (donc équvaut à 5% de la session). Vous ne pourrez regagner que pour un maximum de 60% à l'examen. Donc si vous aviez 55%, cet exercice ne peut pas vous remonter à 75%.

Projet portfolio (25%)¶

Projet Portfolio - Infos générales

Instructions spécifiques aux données json du fichier projects.json et celles pour la partie Vue.

Projet application web créative (50%)¶

Projet intégrateur: Web app créative - Infos générales

Cahier de charge - Option A - Mémoires interactives

Cahier de charge - Option B - Trace ton chemin

Design de votre interface utilisateur UI

Aujourd'hui¶

Portfolio: instructions pour fetch et Vue
Web app créative
- Rappel et instructions UI
- SCRUM d'équipe
- Contrat d'équipe
Git
Hébergement Web, nom de domaine et gbergement sur GitHub Pages
NPM
Vite + CLI Vue

Portfolio¶

Instructions spécifiques aux données json du fichier projects.json et celles pour la partie Vue.

Web app créative¶

Des questions concernant la remise de mercredi (Planification et design) ?

Concernant le design de l'interface utilisateur:

Design de votre interface utilisateur UI

SCRUM d'équipe¶

10 minutes pour votre SCRUM.

Contrat d'équipe¶

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.

Contrat

Git¶

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

Node, NPM¶

Node Pacakge Manager (NPM)

Exercice NPM Dragon Smaug¶

Partie 1 Exercice NPM Dragon Smaug¶

Exercice partie 1

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.

Vite et Vue CLI¶

Vite !

Création d'un projet Vue via CLI (Command Line Interface)

Devoirs¶

Complétez la phase de du projet Web app créative d'ici mercredi le 22 octobre.
Complétez votre portfolio d'ici mercredi le 29 octobre.