Debugging

Using primarily Google Chrome's Debugger tool

Tutorial: https://developer.chrome.com/docs/devtools/javascript/

To open - Inspect Element on webpage

• Sources to see all the files associated with webpage

• You can make breakpoints and filter them with using 'Event Listener Breakpoints'

• Step over function call to go skip to different functions

• Local -> Scope + Breakpoints can be an efficient tool to see how your variables are progressing within a function

• Watch can be useful when seeing what the variable CURRENTLY is.

• Use "Console" as a whiteboard test

• You can edit code directly in the 'Sources' then hit save.