Setup

To follow along, you will need some develper tools:

1. A modern browser - any browser with advanced "developer tools" will do. Examples are Mozilla Firefox, Chromium, Google Chrome, Microsoft Edge, etc.
2. A modern code editor - we are going to use VS Code.
3. A decent terminal & shell. Linux and Mac already have it (as "terminal").
   • On Windows, you should install Git Bash and make sure you make bash your default shell in VS Code.
4. And when we get a bit advanced, you will also need NodeJS, NPM, etc.
5. Eventually, every professional developer must use version control in general, and Git in particular. So learn it.

Know your tools

Spend some time learning your tools. What features and commands they provide. Especially learn the keyboard shortcuts.

1. VS Code: Tips and Tricks, includes keyboard shortcut cheatsheets.
   • Integrated Terminal: Use command shell from within VS Code.
   • Emmet: A highly productive way to enter HTML.
   • Version Control: Use Git and other version control systems.
   • Extensions: Extend the functionality of VS Code. Definitely install the following extensions:
     • Live Server: Lets you run a small web server within VS Code to serve your project's HTML files and view them in your browser.
2. In-Browser Developer Tools: Firefox, Chrome/Chromium/Edge
3. Learn Git.