This set of fun exercises are suppose to show different aspects of the chrome developer tools. Pass each exercise by finding errors in the code and fixing them right inside the dev tools.
- git clone https://github.com/wix/frontend-debugging-101.git
- cd frontend-debugging-101
- npm install
- node app (chrome should open automatically)
- open dev tools and add "/bundle.js$" to blackbox (Settings > General > Manage framework blackboxing)
- solve exercises in the browser (http://localhost:5555)
- refactore code (in the chrome dev tools).
- click ctrl+s or command+s.
- make sure the "code changed successfully!" console message - if this is not shown then something went wrong with the recompilation
- you can refresh the page and your code changes will be saved - click reset level to return to original code.
Ido Omry Tom