

Most messages that you see in the Console come from the web developers who wrote the page's JavaScript.

Optional: Dock DevTools to the bottom of the window or undock it into a separate window.ĭevTools docked to the bottom of the demo: By default DevTools opens to the right of the demo. In this example, the tutorial is on the left, and the demo is on the right.įocus the demo and then press Control+ Shift+ J or Command+ Option+ J (Mac) to open DevTools. Optional: Move the demo to a separate window. When you physically follow along, you're more likely to remember the workflows later.

This tutorial is designed so that you can open up the demo and try all the workflows yourself. It assumes that you understand the fundamentals of web development, such as how to use JavaScript to add interactivity to a page. This tutorial is intended to be completed in order.
