pratique et update wiki

tim-montmorency · Dec 3, 2024 · 6038348 · 6038348
1 parent 337c187
commit 6038348
Show file tree

Hide file tree

Showing 2 changed files with 69 additions and 30 deletions.
diff --git a/582-518MO/wiki-2024/_index.php b/582-518MO/wiki-2024/_index.php
@@ -2274,9 +2274,9 @@
 
 
     <h3>Exercice 1</h3>
-    <p>Lien fourni en classe</p>
+
     <!-- Exercice 1 -->
-    <!--  <exercice href="../exercices/vue-luchador/"></exercice> -->
+    <exercice href="../exercices/vue-luchador/"></exercice> 
 
 
 
@@ -2287,12 +2287,13 @@
     <grostitre>Vue.js - Composante et SFC</grostitre>
     <intlink href="../javascript/vue-js/composantes"></intlink>
 
-
+
+    <!-- <intlink href='../../../compendium/582-511%E2%80%93web5/vue/installation.html'></intlink>-->
     <intlink href="../javascript/vue-js/sfc/"></intlink>
 
+
     <h3>Exercice 2</h3>
-    <p>Lien partagé en classe</p>
-    <!--<exercice href="../exercices/vue-composante-cartes/"></exercice>-->
+    <exercice href="../exercices/vue-composante-cartes/"></exercice>
 
     <!-- développer plus d'exemples et un exercice juste sur le principe -->
    <!-- <intlink href='../../../compendium/582-511%E2%80%93web5/vue/installation.html'></intlink>-->
@@ -2315,25 +2316,28 @@
 
     <p>Cette pratique d'examen est facultative, vous le faites si vous croyez que cela peut vous aider à réviser. Au prochain cours ce jeudi, je pourrai le réviser avec vous et répondre à vos questions sur le sujet. </p>
 
-    <p>Lien partagé en classe</p>
+    <exercice href="../exercices/sushis/"></exercice>
 
     <!--À ajouter... -->
 
    <!-- <h3>Exercice couvrant la notion de classe JS</h3>
     <span class="red-label">Si les classes JavaScript vous semblaient du nouveau contenu cette session, il serait intéressant que vous plongiez dans cet exercice.</span> <br> <br>
     <doclink href='https://smnarnold.com/projets/duck-hunt/introduction'>Classe JavaScript - Duck Hunt</doclink>-->
 
-
-
     <dots></dots>   
     <grostitre>Devoirs</grostitre>
 
     <h3>Projet de session</h3>
     <p class="red-label">REMISE FINALE ET PRÉSENTATION DU PROJET DE SESSION JEUDI LE 12 DÉC.</p>
     <p>Terminez d'intégrer votre site du projet de session à Wordpress avec les techniques vues en classe.  </p>
 
+    <h3>Exercices débutés en classe</h3>
+    <intlink href='../exercices/vue-luchador/'></intlink>
+    <intlink href="../exercices/vue-composante-cartes/"></intlink>
+
     <h3>Pratiques d'examen</h3>
-    <p>    <span class="red-label">Facultatif mais vous aidera à réviser.</span></p>
+    <p><span class="red-label">Facultatif mais vous aidera à réviser.</span></p>
+    <intlink href='../exercices/sushis/'></intlink>
 
  </wiki-page>
 
@@ -2357,12 +2361,17 @@
         </ul>
     </warning>
 
+    <dots></dots>
+    <grostitre>Quiz</grostitre>
+    Lundi - <a href="https://app.wooclap.com/XPFOCZ?" target="_blank" rel="noopener noreferrer">Code Wooclap : XPFOCZ</a>
+    <br>
+    Vendredi - <a href="https://app.wooclap.com/RFSOST" target="_blank" rel="noopener noreferrer">Code Wooclap : RFSOST
+    </a>
+
 
 
     <dots></dots>
     <grostitre>Révision</grostitre>
-    <intlink href="../exercices/vue-luchador/"></intlink> 
-
     <intlink href="../exercices/vue-composante-cartes/"></intlink>
 
     <p>Révision pratique d'examen en classe ou partage du fichier</p>

diff --git a/582-518MO/wiki-2024/index.html b/582-518MO/wiki-2024/index.html
@@ -3606,9 +3606,9 @@ <h3>Projet de session</h3>
 
 
     <h3>Exercice 1</h3>
-    <p>Lien fourni en classe</p>
+
     <!-- Exercice 1 -->
-    <!--          <a class="exercice" target="_blank" href="../exercices/vue-luchador/">
+            <a class="exercice" target="_blank" href="../exercices/vue-luchador/">
             <div class="exercice-container">
                 <div class="exercice-thumb" style="background-image: url(../exercices/vue-luchador/images/thumb.webp)"></div>
                 <div class="exercice-abstract">
@@ -3617,7 +3617,7 @@ <h3>Exercice 1</h3>
                     <span class="exercice-description">Vous devrez rendre dynamique à l’aide de Vue le tableau indicateur d’un match de la NBA</span>
                 </div>
             </div>
-        </a> -->
+        </a> 
 
 
 
@@ -3634,7 +3634,8 @@ <h3>Exercice 1</h3>
             </div>
         </div>
 
-
+
+    <!-- -->
             <div class="intlink__item">
             <div class="intlink__item__icon" style="background-image: url(../javascript/vue-js/images/icon.webp);"></div>
             <div class="intlink__item__description">
@@ -3643,9 +3644,9 @@ <h3>Exercice 1</h3>
             </div>
         </div>
 
+
     <h3>Exercice 2</h3>
-    <p>Lien partagé en classe</p>
-    <!--        <a class="exercice" target="_blank" href="../exercices/vue-composante-cartes/">
+            <a class="exercice" target="_blank" href="../exercices/vue-composante-cartes/">
             <div class="exercice-container">
                 <div class="exercice-thumb" style="background-image: url(../exercices/vue-composante-cartes/images/thumb.webp)"></div>
                 <div class="exercice-abstract">
@@ -3654,7 +3655,7 @@ <h3>Exercice 2</h3>
                     <span class="exercice-description">Cartes de produit</span>
                 </div>
             </div>
-        </a>-->
+        </a>
 
     <!-- développer plus d'exemples et un exercice juste sur le principe -->
    <!-- -->
@@ -3677,25 +3678,55 @@ <h3>Exercice 2</h3>
 
     <p>Cette pratique d'examen est facultative, vous le faites si vous croyez que cela peut vous aider à réviser. Au prochain cours ce jeudi, je pourrai le réviser avec vous et répondre à vos questions sur le sujet. </p>
 
-    <p>Lien partagé en classe</p>
+            <a class="exercice" target="_blank" href="../exercices/sushis/">
+            <div class="exercice-container">
+                <div class="exercice-thumb" style="background-image: url(../exercices/sushis/images/thumb.webp)"></div>
+                <div class="exercice-abstract">
+                    <em class="exercice-label">EXERCICE</em>
+                    <span class="exercice-title">Vue - Menu de sushis</span>
+                    <span class="exercice-description">Pour cet exercice, vous devez compléter un menu d’un restaurant de sushis 🍣 permettant de visualiser le détail d’une commande en temps&nbsp;réel.</span>
+                </div>
+            </div>
+        </a>
 
     <!--À ajouter... -->
 
    <!-- <h3>Exercice couvrant la notion de classe JS</h3>
     <span class="red-label">Si les classes JavaScript vous semblaient du nouveau contenu cette session, il serait intéressant que vous plongiez dans cet exercice.</span> <br> <br>
     <doclink href='https://smnarnold.com/projets/duck-hunt/introduction'>Classe JavaScript - Duck Hunt</doclink>-->
 
-
-
     <dots></dots>   
     <grostitre>Devoirs</grostitre>
 
     <h3>Projet de session</h3>
     <p class="red-label">REMISE FINALE ET PRÉSENTATION DU PROJET DE SESSION JEUDI LE 12 DÉC.</p>
     <p>Terminez d'intégrer votre site du projet de session à Wordpress avec les techniques vues en classe.  </p>
 
+    <h3>Exercices débutés en classe</h3>
+            <div class="intlink__item">
+            <div class="intlink__item__icon" style="background-image: url(../exercices/vue-luchador/images/thumb.webp);"></div>
+            <div class="intlink__item__description">
+                <span class="intlink__item__title"><a target="_blank" href="../exercices/vue-luchador/">Vue - Luchador</a></span>
+                <span class="intlink__item__abstract">Vous devrez rendre dynamique à l’aide de Vue le tableau indicateur d’un match de la NBA</span>
+            </div>
+        </div>
+            <div class="intlink__item">
+            <div class="intlink__item__icon" style="background-image: url(../exercices/vue-composante-cartes/images/thumb.webp);"></div>
+            <div class="intlink__item__description">
+                <span class="intlink__item__title"><a target="_blank" href="../exercices/vue-composante-cartes/">Vue - Composante - Cartes de produit</a></span>
+                <span class="intlink__item__abstract">Cartes de produit</span>
+            </div>
+        </div>
+
     <h3>Pratiques d'examen</h3>
-    <p>    <span class="red-label">Facultatif mais vous aidera à réviser.</span></p>
+    <p><span class="red-label">Facultatif mais vous aidera à réviser.</span></p>
+            <div class="intlink__item">
+            <div class="intlink__item__icon" style="background-image: url(../exercices/sushis/images/thumb.webp);"></div>
+            <div class="intlink__item__description">
+                <span class="intlink__item__title"><a target="_blank" href="../exercices/sushis/">Vue - Menu de sushis</a></span>
+                <span class="intlink__item__abstract">Pour cet exercice, vous devez compléter un menu d’un restaurant de sushis 🍣 permettant de visualiser le détail d’une commande en temps&nbsp;réel.</span>
+            </div>
+        </div>
 
  </wiki-page>
 
@@ -3719,18 +3750,17 @@ <h3>Pratiques d'examen</h3>
         </ul>
     </warning>
 
+    <dots></dots>
+    <grostitre>Quiz</grostitre>
+    Lundi - <a href="https://app.wooclap.com/XPFOCZ?" target="_blank" rel="noopener noreferrer">Code Wooclap : XPFOCZ</a>
+    <br>
+    Vendredi - <a href="https://app.wooclap.com/RFSOST" target="_blank" rel="noopener noreferrer">Code Wooclap : RFSOST
+    </a>
+
 
 
     <dots></dots>
     <grostitre>Révision</grostitre>
-            <div class="intlink__item">
-            <div class="intlink__item__icon" style="background-image: url(../exercices/vue-luchador/images/thumb.webp);"></div>
-            <div class="intlink__item__description">
-                <span class="intlink__item__title"><a target="_blank" href="../exercices/vue-luchador/">Vue - Luchador</a></span>
-                <span class="intlink__item__abstract">Vous devrez rendre dynamique à l’aide de Vue le tableau indicateur d’un match de la NBA</span>
-            </div>
-        </div> 
-
             <div class="intlink__item">
             <div class="intlink__item__icon" style="background-image: url(../exercices/vue-composante-cartes/images/thumb.webp);"></div>
             <div class="intlink__item__description">