From ba741f920656f1714fb3272a90b2808e3bc3a3d2 Mon Sep 17 00:00:00 2001
From: Laurine <lenetlaurine@gmail.com>
Date: Mon, 27 May 2024 14:01:20 +0200
Subject: [PATCH] first component

---
 resources/docs/docs/assets/button-primary.png | Bin 0 -> 7532 bytes
 .../docs/docs/assets/navbar-component.png     | Bin 0 -> 12937 bytes
 resources/docs/docs/assets/navbar-works.png   | Bin 0 -> 8072 bytes
 .../docs/docs/premiere-page/app-component.md  |  24 ++++
 resources/docs/docs/premiere-page/navbar.md   | 130 ++++++++++++++----
 5 files changed, 126 insertions(+), 28 deletions(-)
 create mode 100644 resources/docs/docs/assets/button-primary.png
 create mode 100644 resources/docs/docs/assets/navbar-component.png
 create mode 100644 resources/docs/docs/assets/navbar-works.png

diff --git a/resources/docs/docs/assets/button-primary.png b/resources/docs/docs/assets/button-primary.png
new file mode 100644
index 0000000000000000000000000000000000000000..b1e209d805c278560c4c81734dd9e2bbc58a0362
GIT binary patch
literal 7532
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

literal 0
HcmV?d00001

diff --git a/resources/docs/docs/assets/navbar-component.png b/resources/docs/docs/assets/navbar-component.png
new file mode 100644
index 0000000000000000000000000000000000000000..c5e2173e61fa193d2ad8260eb2a2495301f39df6
GIT binary patch
literal 12937
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
J%Q~loCICJ-X>R}k

literal 0
HcmV?d00001

diff --git a/resources/docs/docs/assets/navbar-works.png b/resources/docs/docs/assets/navbar-works.png
new file mode 100644
index 0000000000000000000000000000000000000000..f30a1010d29d67d9ced5230aca9c040b4084f9d1
GIT binary patch
literal 8072
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

literal 0
HcmV?d00001

diff --git a/resources/docs/docs/premiere-page/app-component.md b/resources/docs/docs/premiere-page/app-component.md
index c1dc271..47786c9 100644
--- a/resources/docs/docs/premiere-page/app-component.md
+++ b/resources/docs/docs/premiere-page/app-component.md
@@ -1 +1,25 @@
 # Le composant app-component
+Ce composant est le composant racine de ton application. 
+On l'appelle souvent le *shell* car c'est celui qui est chargé en premier et c'est celui qui permet de charger les autres.
+
+## Etape 1 : On supprime tout !!!
+Comme tu l'as vu Angular a deja mis plein de choses dans ce composant pour coder ta première page au lancement du projet. 
+Comme le titre de cette section l'indique : on peut tout enlever ! 
+
+Va dans le `app.component.html` et supprime tout ! Mais vraiment tout ! 
+
+## Etape 2 : l'interpolation 
+Dans le fichier `app.component.ts`, Angular a deja mis une variable `title = 'le nom de ton app';`
+Cette variable est accessible depuis le fichier htlm de ton app.component, c'est ce qu'on appelle l'interpolation 😊
+
+A toi de jouer ! Va dans le fichier `app.component.html` et ajoute
+```angular2html
+<h1>Bienvenue sur ma super app : {{title}}</h1>
+```
+> Le html utilise la *double moustache* {{}} pour afficher les variables du ts.
+
+Rend toi sur [http://localhost:4200/](http://localhost:4200/){:target="_blank"} et *magiiie*, tu as bien un titre qui prend en compte ta variable ! 
+
+> By the way...
+> Est ce que tu as remarqué que tu n'avais pas a relancer ton projet pour que l'affichage change ? 
+> C'est ce qu'on appelle le **hot reload**
diff --git a/resources/docs/docs/premiere-page/navbar.md b/resources/docs/docs/premiere-page/navbar.md
index b7fa7a2..053c594 100644
--- a/resources/docs/docs/premiere-page/navbar.md
+++ b/resources/docs/docs/premiere-page/navbar.md
@@ -1,34 +1,108 @@
 # Ton premier composant
+Comme on le dit souvent, en Angular **tout est composant**
 
-## Disclamer
-On va faire beaucoup de choses, ça va te paraitre un peu compliqué mais pas de panique !
-On est la pour vous aider, et si tu ne comprends pas tout ce n'est pas grave du tout !!
-
-## Intellij
-La base de tout c'est un bon IDE, on te conseille Intellij si tu n'en a pas deja un
-Tu trouvera le lien de téléchargement directement sur leur [site](https://www.jetbrains.com/fr-fr/idea/download)
-
-## Docker
-La base de données  a déjà été remplie et le backend a été codé pour toi :) Pour que les lancer, on a besoin de docker.
-Rend toi sur le [site officel](https://www.docker.com/products/docker-desktop/) pour le télécharger.
-
-## La BDD et le backend
-Tu trouvera le backend [ici](https://gitlab.takima.io/school/formation-angular/angular-lab)
-### 1. Clone le projet
-Place toi dans le repertoire de ton choix sur ton ordinateur et ouvre une interface de commande.
-Tape la commande suivante :
-```bash
-git clone git@gitlab.takima.io:school/formation-angular/angular-lab.git
+Alors ça y est, c'est le moment pour toi de coder ton tout premier composant !!
+
+## En ligne de commande
+Pour générer un composant en angular, on le fait en ligne de commande
+<pre>
+ng generate component <em>navbar</em>
+</pre>
+
+Si tu regardes dans ton arborescence de fichier tu dois bien avoir un nouveau composant qui s'appelle *navbar* comme ça: 
+
+<img src="../assets/navbar-component.png" alt="drawing" width="318"/>
+
+>*navbar* c'est le nom de ton composant ! Tu aurais pu l'appeler *menu* *bar* ou autre ! 
+
+> ng generate composant *quelquechose* c'est un peu long a taper quand on a plein de composants à créer.
+> On utilise souvent le raccourci `ng g c quelquechose`
+
+## On affiche le composant 
+Super le composant est créer, maintenant il faut l'afficher ! 
+Si tu vas dans ton `navbar.component.ts`, tu dois avoir: 
+```ts
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-navbar',
+  standalone: true,
+  imports: [],
+  templateUrl: './navbar.component.html',
+  styleUrl: './navbar.component.scss'
+})
+export class NavbarComponent {
+}
+```
+> 💡 Pour rappel 
+> - le `selector` permet d'injecter ce composant dans les fichier html d'autres composants
+> - le `imports` te permet d'importer tout ce dont tu as besoin pour faire fonctionner le composant
+> - le `templateUrl` relie le ts au fichier html
+> - le `styleUrl` relie le ts au fichier scss
+
+On va utiliser ce qui est indiquer dans `selector` pour injecter notre navbar dans le `app.component`
+
+Rend toi dans le fichier `app.component.html` et supprime la balise `<h1>Bienvenue sur ma super app : {{title}}</h1>`.  
+Maintentant, ajoute 
+```angular2html
+<app-navbar></app-navbar>
+```
+><h2> ⚠️ Peu importe ce que tu utilises dans un composant il faudra l'importer ! </h2>
+
+Rend toi dans le `app.component.ts`: 
+- ajoute le composant `NavbarComponent` dans la liste des imports
+- ajoute l'import en haut du fichier : `import { NavbarComponent } from "./navbar/navbar.component";`
+
+Ton fichier doit ressembler à ça : 
+```ts
+import { Component } from '@angular/core';
+import { RouterOutlet } from '@angular/router';
+import { NavbarComponent } from "./navbar/navbar.component";
+
+@Component({
+  selector: 'app-root',
+  standalone: true,
+  imports: [RouterOutlet, NavbarComponent],
+  templateUrl: './app.component.html',
+  styleUrl: './app.component.scss'
+})
+export class AppComponent {
 ```
-### 2. Ouvre le projet dans ton IDE
-### 3. Lance le projet
-Dans le terminal de Intellij lance la commande suivante
-```bash
-docker compose up
+
+Si tu retournes sur [http://localhost:4200/](http://localhost:4200/){:target="_blank"} , tu dois avoir:
+<img src="../assets/navbar-works.png" alt="drawing"/>
+
+***Congraaats ton composant fonctionne*** ⭐
+
+## La navbar
+Je ne sais pas si tu te souviens mais au debut des install, on a mis *bootstrap*, une lib qui te permet de faire des composants super rapidement  
+> Tu peux aller checker la doc par [là](https://getbootstrap.com/docs/4.0/components/alerts/){:target="_blank"} pour voir tout ce que tu peux faire avec !!
+
+### ✔️ On vérifie d'abord que bootstrap est bien installé
+
+- Rends toi dans le html de ton composant navbar et supprime la balise `<p>navbar works!</p>`
+- Ajoute un bouton bootstrap :
+```html
+<button type="button" class="btn btn-primary">Primary</button>
 ```
-<br/>
 
-#### Rend toi sur la [documentation](http://localhost:8080/swagger-ui/index.html#/) de ton backend et lance un appel GET pour vérifier que tout fonctionne ⭐
-<br/>
+Tu dois avoir ce bouton qui s'affiche :  
+<img src="../assets/button-primary.png" alt="drawing"/>
+
+> 🥶 Si ton bouton n'est pas bleu, c'est que bootstrap est mal importé ! Appelle nous !
+
+### 🎨 On fait une jolie navbar
+
+On utilise la navbar de bootstrap comme expliquer ici [ici](https://getbootstrap.com/docs/4.0/components/navbar/){:target="_blank"}  
+Tu peux maintenant supprimer ton bouton bleu et le remplacer par: 
+```angular2html
+<nav class="navbar navbar-light navbar-expand bg-light ps-5">
+  <a class="navbar-brand">Navbar</a>
+  <a class="nav-item nav-link" href="#">Accueil</a>
+</nav>
+```
+***Congraaats tu as une jolie navbar !*** ⭐
+
+
+
 
-*Respire un bon coup, tu as fait le plus dur et le plus boring* 💪
-- 
GitLab