Différences

Ci-dessous, les différences entre deux révisions de la page.

--- progrem [2019/06/01 22:05] – [Ajout du framework de test unitaire jasmine] bigMax
+++ progrem [2019/06/18 06:48] – [Un progrem qui déssine] bigMax
@@ Ligne 13: / Ligne 13: @@
 ===== Un progrem qui déssine =====
 Un progrem qui dessine dessinerait des images fixes ou animées. Le dessin produit serait "responsive" : la taille du dessin est configurable.
+Je propose que le dessin soit constitué d'une grille de pixel. La fonction principale du Progrem serait de colorier chaque case une par une. La fonction est pure : elle reçoit les coordonnées d'une case et elle détermine la couleur de la case.
 ===== Le code d'un Progrem =====
 On se concentre sur l'algorithme principal, pas sur les api js. On soigne la compréhension de l'algorithme. On cache si possible le code inutile pour la transmission de l'intuition de ce que fait le code.
@@ Ligne 47: / Ligne 47: @@
 }
 </code>
+===== Mettre en avant le code du Progrem =====
+  * Colorer
+  * Surligner
+  * Souligner
+  * Encadrer
+  * Mettre en gras
+Stratégie :
+  * Attribuer une couleur aux variables à leur rencontre.
+  * Historiser dans une pile les affectations de variables.
+  * Colorer les blocks de code éxecutés (if / then / else)
+  * Mettre en exergue l'instruction en cours d'execution avec une flèche
 ===== Coder un lecteur de progrem en typescript =====
@@ Ligne 109: / Ligne 124: @@
 ./node_modules/.bin/jasmine init
 ./node_modules/.bin/jasmine examples
+</code>
+avec un fichier jasmine.json comme suit:
+<code>
+{
+  "spec_files": [
+    "**/*[sS]pec.ts"
+  ],
+  "helpers": [
+    "helpers/**/*.ts"
+  ],
+  "stopSpecOnExpectationFailure": false,
+  "random": true
+}
+</code>
+et un fichier package.json dont le script test est définit ainsi :
+<code>
+"test": "jasmine-ts"
+</code>
+On peut alors lancer les test unitaires avec la commande :
+<code>
+npm test
 </code>