Tutorial by Alec

Prerequisites

Basic programming knowledge

We’re going to use JavaScript, but if you have knowledge of variables, functions, data types, Arrays and Objects, etc. in any language, you should be alright.

Basic HTML

If you’ve used HTML before, you’re good to go.

Development environment

Node.js

This is your JavaScript runtime environment. Go here https://nodejs.org/en and install it if you haven’t already.

Next, verify that it works by opening a terminal and typing this command:

node -v

This should output the version of Node you just installed:

Untitled

If you see any errors, try reinstalling Node from the package you downloaded and retry the command again.

Visual Studio Code

Visual Studio Code is a popular open-source IDE that works well for frontend development. There are a bunch of others you can try — see what your favourite is and download that if you prefer. For now, we'll run with VS Code.

Go here https://code.visualstudio.com/download and download it.