describe the focus of these exercises
the main learning objectives for this set of exercises
any extra tips for studying these exercises
- helpful links for these exercises
- study.hackyourfuture.be
All of the exercises & examples in /exercises are plain JS files that will run anywhere modern JavaScript will run. The simplest way to get started is to open this repo in VSCode and the files directly in VSCode using JS the built-in debugger.
To take your studying to the next level, practice stepping through the exercises in your browser's debugger and in JS Tutor. To do this you will need to ...
This repository comes with all the code you need to study these exercises with different web-based debugging tools. All you need to do is:
- Open this repository in your terminal
- Run
npm run start - And navigate to
localhost:3000in your browser
When you navigate to localhost:3000 in your browser a web page will open up that follows the same structure as /exercises in this repository. There will be a drop-down for each folder in /exercises and two buttons for each .js file, each button will load the most recent version of that file and prepare it for study in a different debugging environment:
DevTools: this button will inject adebuggerstatement at the top of the script and run it in your browser's DevTools. Be sure to open your DevTools or nothing will happenJS Tutor: this button generates a JS Tutor URL with your code and opens the URL in a new tab.
This repository comes with a built-in script that will help you review your work, help you and your classmates support each other, and help your coaches give you feedback on your work.
It's not enough to pass the tests once and move on! Be sure to discuss your work with classmates, and to review your exercises over the coming months to keep your JS skills sharp.
When you run$ npm run review from the top level of this folder, the script will evaluate each .js file in this repo and report the results in a new markdown file for easy studying.
You should run this script before pushing your code so you and your coaches can easily discuss your work directly from GitHub. But you may also find it helpful to run the script at the end of each study session to have an overview of your progress for that day.
In each folder of /exercises, the review script will generate a new REVIEW.md file. This file will contain:
- The name of the directory
- The date and time of the last evaluation
- Links to all js files & sub-directories in that folder
- Files that threw an error will be labeled error
- Files with
console.asserts (and no errors!) will be labeled as pass or fail - Files with no errors or
console.asserts will not be labeled
- A section for each .js file including
- the name of the file
- the status of the file (pass, fail, error, or nothing)
- a link to the most recent source code
- any assertions, logs or errors from that file
- a copy of the code that was evaluated