Lesson 2: Setting Up Your Development Environment

Step 1: Choose a Code Editor

We recommend using Visual Studio Code (VS Code) because it’s free, beginner-friendly, and powerful.

How to Install VS Code:

  1. Go to VS Code’s website.
  2. Download the version for your operating system (Windows, Mac, or Linux).
  3. Follow the installation instructions.

Step 2: Install a Web Browser

A modern browser like Google Chrome or Mozilla Firefox is essential for testing your websites.

Pro Tip:
Use the browser’s developer tools (press F12 in Chrome) to inspect and debug your code.


Step 3: Create Your First Project Folder

  1. Create a new folder on your computer named MyFirstWebsite.
  2. Inside this folder, create your first file:
    • Right-click > New File > Name it index.html.
    • This file will be the starting point for your website.