Introduction

HTML allows us to create the structure of a website, CSS to style it, JavaScript to add interactivity and dynamic functionality, and Bootstrap to make it responsive and mobile-friendly with pre-designed components. Node.js allows us to create the website's backend with JavaScript (it used to be handled with PHP).

Website creation stages:

  1. Designer - layout, graphic template of the website (PSD, PNG, BMP).
  2. Frontend programmer - appearance and content (HTML, CSS, JavaScript).
  3. Backend programmer - mechanics of operation (Python, JavaScript, PHP).

Visual Studio is a popular IDE (Integrated Development Environment) for coding websites, and you can download it from the Microsoft website. To make your development process easier, you can install the Live Server extension in Visual Studio. This extension automatically refreshes the web page in the browser whenever you save changes in any of the files you're working on. However, you cannot simply click on the file to open it and expect it to work because the extension runs your website on a local development server. To use it, you need to click the "Go Live" button in the bottom-right corner of Visual Studio, as shown below. This will open the page you're currently editing.

Img

If you were working from, e.g., Notepad++, you would have to save the file and refresh the page in the browser manually every time you made a change.