diff --git a/DEV.3.4/TP/TP4/stub/0Bad/Base.class b/DEV.3.4/TP/TP4/stub/0Bad/Base.class
new file mode 100644
index 0000000..729c95a
Binary files /dev/null and b/DEV.3.4/TP/TP4/stub/0Bad/Base.class differ
diff --git a/DEV.3.4/TP/TP4/stub/0Bad/Exemple.class b/DEV.3.4/TP/TP4/stub/0Bad/Exemple.class
new file mode 100644
index 0000000..1e92419
Binary files /dev/null and b/DEV.3.4/TP/TP4/stub/0Bad/Exemple.class differ
diff --git a/DEV.3.4/TP/TP4/stub/0Bad/MonBrin.class b/DEV.3.4/TP/TP4/stub/0Bad/MonBrin.class
new file mode 100644
index 0000000..3973493
Binary files /dev/null and b/DEV.3.4/TP/TP4/stub/0Bad/MonBrin.class differ
diff --git a/DEV.3.4/TP/TP4/stub/0Bad/MonMaillon.class b/DEV.3.4/TP/TP4/stub/0Bad/MonMaillon.class
new file mode 100644
index 0000000..c5cdb93
Binary files /dev/null and b/DEV.3.4/TP/TP4/stub/0Bad/MonMaillon.class differ
diff --git a/DEV.3.4/TP/TP4/stub/1Iterable/Base.class b/DEV.3.4/TP/TP4/stub/1Iterable/Base.class
new file mode 100644
index 0000000..729c95a
Binary files /dev/null and b/DEV.3.4/TP/TP4/stub/1Iterable/Base.class differ
diff --git a/DEV.3.4/TP/TP4/stub/1Iterable/Exemple.class b/DEV.3.4/TP/TP4/stub/1Iterable/Exemple.class
new file mode 100644
index 0000000..9e48e56
Binary files /dev/null and b/DEV.3.4/TP/TP4/stub/1Iterable/Exemple.class differ
diff --git a/DEV.4.1/tp/tp1/eratosthene/eratosthene.html b/DEV.4.1/tp/tp1/eratosthene/eratosthene.html
new file mode 100644
index 0000000..fa89a09
--- /dev/null
+++ b/DEV.4.1/tp/tp1/eratosthene/eratosthene.html
@@ -0,0 +1,40 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+ time :
+ time :
+
+
+
+
+
+
diff --git a/DEV.4.1/tp/tp1/eratosthene/eratosthene.js b/DEV.4.1/tp/tp1/eratosthene/eratosthene.js
new file mode 100644
index 0000000..713fbc5
--- /dev/null
+++ b/DEV.4.1/tp/tp1/eratosthene/eratosthene.js
@@ -0,0 +1,23 @@
+
+function eratosthene(n)
+{
+ let primes = [];
+ let filterArray = [];
+ for(let i = 2; i <=n; i++){
+ // TODO
+ }
+ return primes;
+}
+
+function eratosthene1(n)
+{
+ let numbers = Array.from({length : n - 2}, (v,k) => k + 2);
+ let p ,primes = [];
+
+ while(numbers.length){
+ [p,...numbers] = numbers;
+ numbers = numbers.filter( x => x%p != 0);
+ primes = [...primes,p];
+ }
+ return primes;
+}
diff --git a/DEV.4.1/tp/tp1/langton/app.js b/DEV.4.1/tp/tp1/langton/app.js
new file mode 100644
index 0000000..8871d05
--- /dev/null
+++ b/DEV.4.1/tp/tp1/langton/app.js
@@ -0,0 +1,65 @@
+import render from "./modules/langton-renderer-canvas2d";
+import Ant from "./modules/Ant.js";
+
+
+const options = {
+ antStateColors : ['red','yellow'],
+ tileStateColors : ['white','black'],
+ tileSize : 5
+};
+
+
+// For the view
+
+const STEP_INTERVAL = 5;
+const BTN_AUTOPLAY_ID = 'autoplay';
+const BTN_NEXT_MOVE_ID = 'next-move';
+const MOVE_VAL_ID = 'move-value';
+const BTN_PLUS_100_ID = 'plus-100';
+
+
+
+
+let autoplayInterval;
+let canvas = document.querySelector("canvas");
+
+
+canvas.width = window.innerWidth ;
+canvas.height = window.innerHeight;
+
+let ant = new Ant(Math.floor(canvas.width / options.tileSize),Math.floor(canvas.height/options.tileSize));
+
+document.getElementById(BTN_AUTOPLAY_ID).addEventListener('click', () => {
+ if (autoplayInterval) {
+ return
+ }
+ // TODO
+});
+
+
+document.getElementById(BTN_PLUS_100_ID).addEventListener('click', () => {
+ if (autoplayInterval) {
+ clearInterval(autoplayInterval);
+ autoplayInterval = null;
+ }
+ // TODO
+});
+
+document.getElementById(BTN_NEXT_MOVE_ID).addEventListener('click', () => {
+ if (autoplayInterval) {
+ clearInterval(autoplayInterval);
+ autoplayInterval = null;
+ }
+ ant.moveForward();
+ updateView(ant,canvas,options)
+})
+
+
+function updateView(ant,canvas,options)
+{
+ document.getElementById(MOVE_VAL_ID).textContent = `${ant.move}`;
+ render(ant,canvas,options);
+}
+
+
+updateView(ant,canvas,options);
diff --git a/DEV.4.1/tp/tp1/langton/css/style.css b/DEV.4.1/tp/tp1/langton/css/style.css
new file mode 100644
index 0000000..192272f
--- /dev/null
+++ b/DEV.4.1/tp/tp1/langton/css/style.css
@@ -0,0 +1,8 @@
+canvas {
+ position : absolute ;
+ top : 0;
+ left : 0;
+ z-index : -1;
+}
+
+
diff --git a/DEV.4.1/tp/tp1/langton/index.html b/DEV.4.1/tp/tp1/langton/index.html
new file mode 100644
index 0000000..3b09a8a
--- /dev/null
+++ b/DEV.4.1/tp/tp1/langton/index.html
@@ -0,0 +1,42 @@
+
+
+
+
+
+
+ Fourmi de Langton
+
+
+
+
+
+
+
+
+
+ Fourmi de Langton
+
+
+
+
+
+
+
+
diff --git a/DEV.4.1/tp/tp1/langton/modules/Ant.js b/DEV.4.1/tp/tp1/langton/modules/Ant.js
new file mode 100644
index 0000000..86f70f7
--- /dev/null
+++ b/DEV.4.1/tp/tp1/langton/modules/Ant.js
@@ -0,0 +1,62 @@
+class Ant {
+ x = 0; // position
+ y = 0;
+ move = 0;
+
+ w = 0; // universe dimensions
+ h = 0;
+
+ direction = 0; // 0 90 180 270
+ state = 0;
+ tiles = null;
+
+ constructor (w,h)
+ {
+ this.tiles = new Array(w).fill(null);
+ this.tiles.forEach((el,i) => this.tiles[i] = new Array(h).fill(0));
+ this.w = w;
+ this.h = h;
+ this.x = Math.floor(w/2);
+ this.y = Math.floor(h/2);
+ }
+
+ moveForward()
+ {
+ switch (this.direction) {
+ case 0:
+ this.x = ((this.x + 1) + this.w) % this.w;
+ break
+ case 90:
+ this.y = ((this.y + 1) + this.h) % this.h;
+ break
+ case 180:
+ this.x = ((this.x - 1) + this.w) % this.w;
+ break
+ case 270:
+ this.y = ((this.y - 1) + this.h) % this.h;
+ break
+ }
+ this.move ++;
+ this.computeNextState();
+ }
+ rotateRight() {
+ this.direction = (this.direction + 90)%360;
+ }
+
+ rotateLeft() {
+ this.direction = (this.direction + 270)%360;
+ }
+
+ computeNextState() {
+ if(this.tiles[this.x][this.y] === 1) { //On vérifie si la prochaine case est noire
+ //On fait en sorte à ce qu'elle soit repeinte en blanc et tourne de 90° à gauche.
+ this.tiles[this.x][this.y] = 0;
+ this.rotateLeft();
+ } else { //Dans ce cas si la prochaine case est blanche
+ // On fait en sorte à ce qu'elle soit repeinte en noir et tourne de 90° à droite.
+ this.tiles[this.x][this.y] = 1;
+ this.rotateRight();
+ }
+ }
+
+export default Ant;
diff --git a/DEV.4.1/tp/tp1/langton/modules/langton-renderer-canvas2d.js b/DEV.4.1/tp/tp1/langton/modules/langton-renderer-canvas2d.js
new file mode 100644
index 0000000..c5fdf60
--- /dev/null
+++ b/DEV.4.1/tp/tp1/langton/modules/langton-renderer-canvas2d.js
@@ -0,0 +1,99 @@
+/**
+ * render - renders the universe to a 2D canvas.
+ *
+ * @param langtonsAnt - the universe.
+ * @param canvas - The 2D canvas.
+ * @param options - The rendering options (all optional).
+ * @returns {undefined} - Nothing is returned.
+ */
+
+function render(langtonsAnt, canvas, options) {
+
+ // Grab our options.
+ const {
+ tileStateColors,
+ antStateColors,
+ tileSize
+ } = options;
+
+
+ // Drawing style.
+ const backgroundColor = '#FFFFFF';
+
+ // Size constants.
+ const w = canvas.width;
+ const h = canvas.height;
+
+ // Bounds constants.
+ const gridSizeW = langtonsAnt.tiles.length;
+ const gridSizeH = langtonsAnt.tiles[0].length;
+
+ // We're going to draw each square with a given edge size
+
+ const tileSizeW = tileSize;//w / gridSizeW ;
+ const tileSizeH = tileSize; //h / gridSizeH ;
+
+ // Get the drawing context.
+ var ctx = canvas.getContext('2d');
+
+ // Clear the background.
+ ctx.fillStyle = backgroundColor;
+ ctx.fillRect(0, 0, w, h);
+
+ // Draw the grid.
+ ctx.strokeStyle='#00000011';
+ for (let x = 0; x <= gridSizeW; x++) {
+ ctx.beginPath();
+ ctx.moveTo(x * tileSizeW , 0);
+ ctx.lineTo(x * tileSizeW , h);
+ ctx.closePath();
+ ctx.stroke();
+ }
+ for (let y = 0 ; y <= gridSizeH; y++) {
+ ctx.beginPath();
+ ctx.moveTo(0, y * tileSizeH);
+ ctx.lineTo(w, y * tileSizeH);
+ ctx.closePath();
+ ctx.stroke();
+ }
+
+
+ // Start drawing those tiles.
+ langtonsAnt.tiles.forEach((tileRow,i) => {
+ tileRow.forEach((tile,j)=>{
+
+ // Get the tile state index.
+
+ // Skip state zero tiles (i.e. white tiles)
+ if (tile !== 0) {
+ // Set the tile colour, defaulting to grey if it is not set.
+ ctx.fillStyle = tileStateColors[tile] || '#CCCCCC';
+ ctx.fillRect(i * tileSizeW + 1, j * tileSizeH +1, tileSizeW - 1, tileSizeH - 1);
+ }
+
+ })
+ })
+
+
+ // Draw the ant.
+ var antX = langtonsAnt.x * tileSizeW,
+ antY = langtonsAnt.y * tileSizeH;
+ const antState = langtonsAnt.state;
+
+ ctx.fillStyle = antStateColors[antState];
+ // Tranform before we draw the ant, it makes it easier.
+ //
+ ctx.save();
+ ctx.translate(antX + tileSizeW/2, antY+tileSizeH/2);
+ ctx.rotate((langtonsAnt.direction / 180) * Math.PI);
+ ctx.beginPath();
+ ctx.moveTo(-tileSizeW/2, -tileSizeH/2);
+ ctx.lineTo(tileSizeW/2, 0);
+ ctx.lineTo(-tileSizeW/2, tileSizeH/2);
+ ctx.fill();
+ ctx.closePath();
+ ctx.restore();
+}
+
+
+export default render;