First Test 2 + First Test 3(en cours)

WEB/View/src/pages/FirstTests/FirstTest1.html

@@ -63,19 +63,21 @@
               class="p-3 rounded m-0"
             >
               <p>
-                Nous voici dans votre premier test, pour savoir si vous ètes
+                Nous voici dans votre premier test, pour savoir si tu es
                 qualifié pour m’aider. Attention je suis très méticuleux, alors
                 soit bien sur d’être précis dans ce que tu fais !
               </p>
               <br />
               <p>
-                Tout d’abord, vous allez devoir afficher
+                Tout d’abord, tu vas devoir afficher
                 <b style="color: violet">"Hello World !"</b> en utilisant la
                 fonction intégrée de python,<code style="font-size: 18px">
                   print()</code
                 >.
               </p>
-              <p></p>
+              <p>
+                Appuie sur le button <b style="color: red;">Run</b> pour executer ton code.
+              </p>
               <!-- <code>print("Hello World !")</code> -->
             </section>
           </div>

WEB/View/src/pages/FirstTests/FirstTest2.html

@@ -63,9 +63,8 @@
               class="p-3 rounded m-0"
             >
               <p>
-                Pour ce second test, nous allons voir comment déclarer une
-                variable et le manipuler. Pour créer une variable en python il
-                est inutile de déclarer son type, il suffit de faire :
+                Pour ce deuxième test, nous allons voir comment déclarer une
+                variable et la manipuler. Pour créer une variable en python il suffit de faire :
               </p>
               <code style="font-size: 18px">x = 1</code>
               <br /><br />
@@ -107,7 +106,13 @@
           <!-- Editor -->
           <div class="col-8">
             <div class="ace rounded ace-1" id="editor" style="min-height: 40vh">x = 1
-print(x)</div>
+print("La varible 'x' :", x)
+
+y=x+2
+print("Le résultat de 'x+2' :", y)
+
+x=y*2
+print("Le résultat de '(x+2)*2' :",x)</div>
           </div>
           <!-- End Editor -->
 

WEB/View/src/pages/FirstTests/FirstTest3.html

@@ -60,33 +60,26 @@
           <div class="col-10">
             <section
               style="background-color: #222831; min-height: 0"
-              class="p-3 rounded m-0"
-            >
+              class="p-3 rounded m-0">
               <p>
-                Pour ce second test, nous allons voir comment déclarer une
-                variable et le manipuler. Pour créer une variable en python il
-                est inutile de déclarer son type, il suffit de faire :
+                Je vais maintenant ta parler des <b style="color: violet">fonctions</b>. Une fonction est un bloc de code qui peut être appelé plusieurs fois. Elle peut prendre des paramètres et retourner une valeur.
               </p>
-              <code style="font-size: 18px">x = 1</code>
+              <!-- <code style="font-size: 18px">x = 1</code> -->
               <br /><br />
               <p>
-                Ici, nous avons créé une variable x qui contient la valeur 1.
-                Nous pouvons maintenant manipuler cette variable en faisant :
+                En pyhton pour déclarer une fonction on utilise le mot clé <b style="color: violet">def</b> 
+                suivi du nom de la fonction et des paramètres entre parenthèses.
+                Voic un exemple de fonction qui affiche un message :
               </p>
-              <code style="font-size: 18px">x = x + 1</code>
+              <code style="font-size: 18px">
+                def say_somethings(message):<br />
+                &nbsp;&nbsp;&nbsp;print(message)
+              </code>
               <br /><br />
               <p>
-                Ici, nous avons incrémenté la valeur de x de 1. Nous pouvons
-                également faire tout autre opération mathématique avec cette
-                même variable. Par exemple :
+                Pour appeler une fonction on utilise son nom suivi des paramètres entre parenthèses.
+                Voici un exemple d'appel de la fonction précédente :
               </p>
-              <code style="font-size: 18px">x = x * 2</code><br />
-              <code style="font-size: 18px">x = x / 2</code><br />
-              <code style="font-size: 18px">x = x - 1</code>
-              <br /> <br />
-              <!-- Afficher x -->
-              <p>Nous pouvons afficher la valeur de x en faisant :</p>
-              <code style="font-size: 18px">print(x)</code>
             </section>
           </div>
           <div class="col-2 align-self-center">