The Elements tab actually shows you the DOM tree, not the HTML, HTML is just the static text that builds the DOM which you can see in the network tab, sources tab or CTRL + U
This is a great intro. As someone who's also constantly clearing the console, the Cmd + K shortcut is a great alternative to typing out `clear()` all the time. Some other good tips worth knowing about are storing pieces of data as global variables in the console and the `copy()` command.
awesome video! you mentioned using sourcemaps to track where code is being executed..any chance you could do a video on setting up sourcemaps for front/backend?
The Elements tab actually shows you the DOM tree, not the HTML, HTML is just the static text that builds the DOM which you can see in the network tab, sources tab or CTRL + U
This is a great intro. As someone who's also constantly clearing the console, the Cmd + K shortcut is a great alternative to typing out `clear()` all the time. Some other good tips worth knowing about are storing pieces of data as global variables in the console and the `copy()` command.
awesome video! you mentioned using sourcemaps to track where code is being executed..any chance you could do a video on setting up sourcemaps for front/backend?
it's an option you can turn on when your webpack bundle your website
if you use create-react-app I think it's turned on by default