Modification de l'architecture du dossier

Chapter_1/Practice/Examples/Example_JS.md

@@ -61,12 +61,6 @@ Félictation, vous savez dès à présent déclarer  des constantes en **javascr
 
 ---
 
-#### Exercises
-
-##### Comming soon...
-
----
-
 #### Différence `var` vs `let`<a name="diff-var-let"></a>
 
 Comme vous avez pu le constater, il existe deux **mots-clés** pour déclarer une variable, il existe **`let`** et **`var`**. Il existe une subtilité entre les deux qui se trouvent dans la <u>porté d'accessibilité</u> de la variable.

Chapter_1/Practice/Examples/Example_PHP.md

@@ -49,8 +49,3 @@ Le <img src="../../../assets/img/PHP.png" width="30px"> **php** permet l'utilisa
 > La déclaration se passe dans le fonction **`define()`**, la fonction prend en *premier paramètre* le **nom de constante** qui doit respecter les mêmes règles les [variables](#example-variables). En *second paramètre*, vous mettrais la valeur que vous souhaitez **attribuer** à la constantes.
 
 Pour plus d'exemples sur les constantes, vous pouvez vous rendre sur les [exemples en code](./constantes.php).
-
----
-#### Exercices
-
-##### Comming soon...

Chapter_1/Practice/Js/variables.js

@@ -1,44 +0,0 @@
-// Vous trouverez ici, des exemples sur les variables
-
-let str = "my string";
-let float = 1.64;
-let int = 4;
-
-var bool = true;
-var arr = [1, 2, 3];
-
-console.log(str); // Renvoi my string
-console.log(float); // Renvoi 1.64
-console.log(int); // Renvoi 4
-console.log(bool); // Renvoi true ou 1
-console.log(arr); // Renvoi [1, 2, 3]
-
-
-// Essayons de réutiliser un nom de variables
-
-let str = "new string";
-
-console.log(str); // Renvoi new string
-
-// Ceci est possible car nous utilisons une variables
-// Vous pouvez aussi changer la valeur d'un variable de la sorte
-
-str = "new string";
-
-// Pour aller plus loin avec les variables
-
-function add(a, b) {
-    if (a && b) {
-        let result = a + b;
-    }
-
-    console.log(result); // Ne renvoie rien car let a une porté de bloc
-}
-
-function sub(a, b) {
-    if (a && b) {
-        var result = a - b;
-    }
-
-    console.log(result); // Renvoi la valeur de a - b, car var a une porté de fonction
-}

Chapter_1/Practice/php/variables.php

@@ -1,22 +0,0 @@
-<?php
-    // Vous trouverez ici, des exemples sur les variables
-
-    $str = "my string";
-    $float = 1.97;
-    $int = 4;
-    $bool = true;
-    $arr =[1, 2, 3];
-
-    echo $str; // Renvoi my string
-    echo $float; // Renvoi 1.97
-    echo $int; // Renvoi 4
-    echo $bool; // Renvoi true ou 1
-    echo $arr; // Renvoi [1, 2, 3]
-
-
-    // Essayons de réutiliser un nom de variables
-
-    $str = "new string";
-
-    echo $str; // Renvoi new string
-?>

Chapter_3/Practice/Examples/Example_Js.md

@@ -0,0 +1,67 @@
+<center><h2>Exemples pour Javascript</h2><img src="../../../assets/img/js.png" width="100px"></center>
+
+<details open="open"><summary>Notions</summary>
+<ul>
+    <li><a href="#example-conditions">Conditions</a></li>
+    <li><a href="#example-switch">Switch</a></li>
+    <li><a href="#example-ternary">Opération ternaire</a></li>
+</ul>
+</details>
+
+> Vous trouverez ici-même les différents exemples en javascript pour les notions vu dans le chapitre 3.
+
+---
+
+#### Exemple de conditions<a name="example-condition"></a>
+```js
+if (i > 0) {
+    console.log("i est positif");
+} else if (i < 0) {
+    console.log("i est négatif");
+} else {
+    console.log("i est égal à 0");
+}
+```
+
+La **condition** <img src="../../../assets/img/js.png" width="20px"> javascript est très simple, elle suit la structure habituelle des conditions, rien de compliqué.
+
+> Tout d'abord un mot clé **if**, suivi par l'**opération booléenne** entre parenthèses. L'opération _de comparaison_ utilisée ici vérifie si la valeur de `i` est <u>supérieur</u> à 0. Ensuite, à l'intérieur du bloc de code (_entre `{ }`_), se trouve le code exécuter si la condition est vrai.
+
+> Ce qui suit est facultatif, on retrouve le mot-clé **else**, à nouveau suivi de la structure précédement énnoncée. Ce morceau permet d'exécuter le code entre accolade, si la **première** condition n'est pas rempli et si la **seconde** l'est.
+
+> Ici aussi le morceau est facultatif, il commence par le mot-clé **else** et suivi directement par le bloc de code. Il permet d'exécuter le code si aucune des conditions n'est validé.
+
+---
+
+#### Exemple de switch
+
+```js
+switch (i) {
+    case 1:
+        console.log("i est égal à 1");
+    break;
+    case 2:
+        console.log("i est égal à 2");
+    break;
+    case 3:
+        console.log("i est égal à 3");
+    break;
+    default:
+        console.log("i n'est pas 1, 2 ou 3");
+    break;
+}
+```
+
+Le **switch** en <img src="../../../assets/img/js.png" width="20px"> javascript possède une syntaxe globalement similaire à celle d'autres langages, ce qui facilite sont apprentissage et son utilisation.
+
+> Pour commencer, on voit le mot-clé **switch** qui initialise l'utilisation du switch. Ensuite nous mettons se que nous voulons tester, dans le cas présent `i`. On ouvre un bloc de code, et on y place un **case**, qui est ce à quoi i doit être égal pour être validé. Si ce n'est pas le cas le code continue et va check les autres case. Si un des case renvoie _TRUE_, le code va être exécuté. Si aucun ne l'est et qu'un **default** est présent, c'est le code dans le default qui sera exécuté. Lorsque l'exécution arrive sur un **break**, le switch sera arrêté. <u>À noter</u> que le break n'est pas obligatoire.
+
+---
+
+#### Exercises
+
+##### Comming soon...
+
+---
+
+Pour des exemples concret vous pouvez aller voir dans le fichier [examples.js](./conditions.js).