Now, let's take a look at the tools you need to follow along.

For a start, you will need a code editor. There are so many code editors out there, like Visual Studio Code(VS Code), Sublime Text, Atom and so on.

In this tutorial, I am going to use VS Code, along with a few extensions for starting a web server and formatting our code.

You are welcome to use your favorite code editor if you have one, but otherwise, head over to code.visualstudio.com and download the latest version of VS Code.

Now, here inside VS Code, we are going to install a couple of extensions.

So, let's open the extensions panel, and search for Prettier.

Here is the extension we are going to install – the Prettier Code Formatter.

With this extension, we can format our code and make it consistent and pretty. This is a very popular extension, and as you can see for the image, it has been downloaded 30 million+ times.

So, you can see the install button that I have highlighted in red. Just click it, and you are done.

Next, we are going to install another extension called Live Server. With this, we can launch our website inside a Development Web Server.

Again, this is a very popular extension. It has been downloaded over 32 million times.

Now, in addition to these, we are going to use a Browser to view and test our web pages. Again, you can use your favourite browser, but in this handbook, I am going to use Google Chrome. I encourage you to use the same browser, so that you can easily follow the course.

See on the next post!

P.S. This is my new series. If you are new to coding, and would like some help learning to code, check out this handbook HTML, CSS and JavaScript Handbook for Beginners.