This set of exercises has 4 challenges in the /scripts
folder. Your first task is to fill in the blanks in index.html
, then you'll be able to work your way through the .js files.
Have fun!
- Always have your DevTools open. The debugger will be overwhelming at first, but very quickly you won't know how to work without it.
- Set your debugger to pause on exceptions
- Carefully read all console output, especially error messages. Errors aren't failure they are JavaScript trying to help you!
- Expand errors to practice reading the callstack
- Click on the line numbers to the right of console output to read the source code
- Test your code all the time. Every time you make any changes, click the button to see what changed
- Make one change at a time. If you make many changes at once it's hard to know which one made a difference.
There two types of exercises:
The first two exercises have several blanks (_
) you need to fill in. Besides the blanks these exercises don't have any bugs or mistakes. A little hint:
- Start at the top and work your way down, one blank at a time
The second two exercises have errors and bugs you need to fix. Look out for every little detail! A little hint:
- Follow the callstacks. Click the button, find the line of code that caused the error, try to fix it, repeat. One error at a time.