Get started with web development using Visual Studio Code

Beginner
Developer
Student
Windows
Visual Studio Code

Practice the beginning steps of web development by creating a simple web project in Visual Studio Code that contains a web page, a CSS file, and a JavaScript file. Learn how to use developer tools in your browser to check your work.

Learning objectives

In this module, you practice how to:

  • Create a basic web page using HTML.
  • Apply styles to page elements using CSS.
  • Create themes using CSS.
  • Add support for switching between themes using JavaScript.
  • Inspect the website using browser developer tools.

Prerequisites

  • Microsoft Visual Studio Code
  • Familiarity with one or more programming languages and a markup language such as HTML
  • A computer that's running one of the following operating systems:
    • Windows: Windows 10 or 11
    • Mac: macOS 10.15 or later
    • Linux: Ubuntu, Debian, Red Hat, Fedora, or SUSE