@ -34,7 +34,7 @@ Today, your mission is to build a 3-column brick tower, maintain it and finally
You only need to create & submit the JS file `build-brick-and-break.js` ; we're providing you the following file to download (click right and save link) & test locally:
You only need to create & submit the JS file `build-brick-and-break.js` ; we're providing you the following file to download (click right and save link) & test locally:
- the HTML file [build-brick-and-break.html](/public/subjects/build-brick-and-break/build-brick-and-break.html) to open in the browser, which includes:
- the HTML file [build-brick-and-break.html](./build-brick-and-break.html) to open in the browser, which includes:
- the JS script running some code, and which will also allow to run yours
- the JS script running some code, and which will also allow to run yours
- some CSS pre-styled classes: feel free to use those as they are, or modify them
- some CSS pre-styled classes: feel free to use those as they are, or modify them
@ -34,12 +34,12 @@ Check the `colors` array provided in the data file below.
You only need to create & submit the JS file `fifty-shades-of-cold.js` ; we're providing you the following files to download (click right and save link) & test locally:
You only need to create & submit the JS file `fifty-shades-of-cold.js` ; we're providing you the following files to download (click right and save link) & test locally:
- the HTML file [fifty-shades-of-cold.html](/public/subjects/fifty-shades-of-cold/fifty-shades-of-cold.html) to open in the browser, which includes:
- the HTML file [fifty-shades-of-cold.html](./fifty-shades-of-cold.html) to open in the browser, which includes:
- the JS script running some code, and which will also allow to run yours
- the JS script running some code, and which will also allow to run yours
- some CSS pre-styled classes: feel free to use those as they are, or modify them
- some CSS pre-styled classes: feel free to use those as they are, or modify them
- the data file [fifty-shades-of-cold.data.js](/public/subjects/fifty-shades-of-cold/fifty-shades-of-cold.data.js) from which you can import `colors`
- the data file [fifty-shades-of-cold.data.js](./fifty-shades-of-cold.data.js) from which you can import `colors`
@ -44,10 +44,10 @@ On top of the webpage, each of the four buttons fires a function:
You only need to create & submit the JS file `get-them-all.js` ; we're providing you the following files to download (click right and save link) & test locally:
You only need to create & submit the JS file `get-them-all.js` ; we're providing you the following files to download (click right and save link) & test locally:
- the HTML file [get-them-all.html](/public/subjects/get-them-all/get-them-all.html) to open in the browser, which includes:
- the HTML file [get-them-all.html](./get-them-all.html) to open in the browser, which includes:
- the JS script running some code, and which will also allow to run yours
- the JS script running some code, and which will also allow to run yours
- some CSS pre-styled classes: feel free to use those as they are, or modify them
- some CSS pre-styled classes: feel free to use those as they are, or modify them
- the import of the data
- the import of the data
- the data file [get-them-all.data.js](/public/subjects/get-them-all/get-them-all.data.js) used to generate content in the HTML
- the data file [get-them-all.data.js](./get-them-all.data.js) used to generate content in the HTML
@ -26,12 +26,12 @@ Create 3 `type="range"` inputs with the class `range`, all wrapped in a `div` wi
You only need to create & submit the JS file `gossip-grid.js` ; we're providing you the following files to download (click right and save link) & test locally:
You only need to create & submit the JS file `gossip-grid.js` ; we're providing you the following files to download (click right and save link) & test locally:
- the HTML file [gossip-grid.html](/public/subjects/gossip-grid/gossip-grid.html) to open in the browser, which includes:
- the HTML file [gossip-grid.html](./gossip-grid.html) to open in the browser, which includes:
- the JS script which will allow to run your code
- the JS script which will allow to run your code
- some CSS pre-styled classes: feel free to use those as they are, or modify them
- some CSS pre-styled classes: feel free to use those as they are, or modify them
- the data file [gossip-grid.data.js](/public/subjects/gossip-grid/gossip-grid.data.js) from which you can import `gossips`
- the data file [gossip-grid.data.js](./gossip-grid.data.js) from which you can import `gossips`
@ -15,7 +15,7 @@ Write the function `generateLetters` which creates 120 `div`, each containing a
You only need to create & submit the JS file `harder-bigger-bolder-stronger.js` ; we're providing you the following file to download (click right and save link) & test locally:
You only need to create & submit the JS file `harder-bigger-bolder-stronger.js` ; we're providing you the following file to download (click right and save link) & test locally:
- the HTML file [harder-bigger-bolder-stronger.html](/public/subjects/harder-bigger-bolder-stronger/harder-bigger-bolder-stronger.html) to open in the browser, which includes:
- the HTML file [harder-bigger-bolder-stronger.html](./harder-bigger-bolder-stronger.html) to open in the browser, which includes:
- the JS script running some code, and which will also allow to run yours
- the JS script running some code, and which will also allow to run yours
- some CSS pre-styled classes: feel free to use those as they are, or modify them
- some CSS pre-styled classes: feel free to use those as they are, or modify them
You only need to create & submit the JS file `keycodes-symphony.js` ; we're providing you the following file to download (click right and save link) & test locally:
You only need to create & submit the JS file `keycodes-symphony.js` ; we're providing you the following file to download (click right and save link) & test locally:
- the HTML file [keycodes-symphony.html](/public/subjects/keycodes-symphony/keycodes-symphony.html) to open in the browser, which includes:
- the HTML file [keycodes-symphony.html](./keycodes-symphony.html) to open in the browser, which includes:
- the JS script which will allow to run your code
- the JS script which will allow to run your code
- some CSS pre-styled classes: feel free to use those as they are, or modify them
- some CSS pre-styled classes: feel free to use those as they are, or modify them
@ -25,7 +25,7 @@ Develop a trap to capture the elements when the mouse is getting too close to th
You only need to create & submit the JS file `mouse-trap.js` ; we're providing you the following file to download (click right and save link) & test locally:
You only need to create & submit the JS file `mouse-trap.js` ; we're providing you the following file to download (click right and save link) & test locally:
- the HTML file [mouse-trap.html](/public/subjects/mouse-trap/mouse-trap.html) to open in the browser, which includes:
- the HTML file [mouse-trap.html](./mouse-trap.html) to open in the browser, which includes:
- the JS script which will allow to run your code
- the JS script which will allow to run your code
- some CSS pre-styled classes: feel free to use those as they are, or modify them
- some CSS pre-styled classes: feel free to use those as they are, or modify them
@ -33,7 +33,7 @@ Write the function `pick` which turns the screen into a `hsl` color picker, vary
You only need to create & submit the JS file `pick-and-click.js` ; we're providing you the following file to download (click right and save link) & test locally:
You only need to create & submit the JS file `pick-and-click.js` ; we're providing you the following file to download (click right and save link) & test locally:
- the HTML file [pick-and-click.html](/public/subjects/pick-and-click/pick-and-click.html) to open in the browser, which includes:
- the HTML file [pick-and-click.html](./pick-and-click.html) to open in the browser, which includes:
- the JS script which will allow to run your code
- the JS script which will allow to run your code
- some CSS pre-styled classes: feel free to use those as they are, or modify them
- some CSS pre-styled classes: feel free to use those as they are, or modify them
You only need to create & submit the JS file `pimp-my-style.js` ; we're providing you the following files to download (click right and save link) & test locally:
You only need to create & submit the JS file `pimp-my-style.js` ; we're providing you the following files to download (click right and save link) & test locally:
- the HTML file [pimp-my-style.html](/public/subjects/pimp-my-style/pimp-my-style.html) to open in the browser, which includes:
- the HTML file [pimp-my-style.html](./pimp-my-style.html) to open in the browser, which includes:
- the JS script running some code, and which will also allow to run yours
- the JS script running some code, and which will also allow to run yours
- some CSS pre-styled classes: feel free to use those as they are, or modify them
- some CSS pre-styled classes: feel free to use those as they are, or modify them
- the data file [pimp-my-style.data.js](/public/subjects/pimp-my-style/pimp-my-style.data.js) from which you can import `styles`
- the data file [pimp-my-style.data.js](./pimp-my-style.data.js) from which you can import `styles`
@ -29,12 +29,12 @@ Write the function `explore` which creates a page displaying the list of `places
You only need to create & submit the JS file `where-do-we-go.js` ; we're providing you the following files to download (click right and save link) & test locally:
You only need to create & submit the JS file `where-do-we-go.js` ; we're providing you the following files to download (click right and save link) & test locally:
- the HTML file [where-do-we-go.html](/public/subjects/where-do-we-go/where-do-we-go.html) to open in the browser, which includes:
- the HTML file [where-do-we-go.html](./where-do-we-go.html) to open in the browser, which includes:
- the JS script which will allow to run your code
- the JS script which will allow to run your code
- some CSS pre-styled classes: feel free to use those as they are, or modify them
- some CSS pre-styled classes: feel free to use those as they are, or modify them
- the data file [where-do-we-go.data.js](/public/subjects/where-do-we-go/where-do-we-go.data.js) from which you can import `places`
- the data file [where-do-we-go.data.js](./where-do-we-go.data.js) from which you can import `places`
- the images to use, in this [compressed folder](https://assets.01-edu.org/where-do-we-go_images.zip)
- the images to use, in this [compressed folder](https://assets.01-edu.org/where-do-we-go_images.zip)