Projeto guiado – Criar um site simples que contém uma página da Web, um arquivo CSS e um arquivo JavaScript

Iniciante
Desenvolvedor
Estudante
Windows
Visual Studio Code

Comece a usar o desenvolvimento para a Web criando um projeto Web simples em Visual Studio Code que contém uma página da Web, um arquivo CSS e um arquivo JavaScript. Aprenda a usar as ferramentas para desenvolvedores no navegador para verificar seu trabalho.

Observação

Este é um módulo de projeto guiado em que você conclui um projeto de ponta a ponta seguindo instruções passo a passo.

Objetivos de aprendizagem

Neste módulo, você praticará como:

  • Criar uma página da Web básica usando HTML
  • Aplicar estilos a elementos de página usando CSS
  • Criar temas usando CSS
  • Adicionar suporte para alternar entre temas usando o JavaScript
  • Inspecionar o site usando as ferramentas de desenvolvedor do navegador

Pré-requisitos

  • Microsoft Visual Studio Code
  • Familiaridade com uma ou mais linguagens de programação e uma linguagem de marcação, como HTML
  • Um computador executando um dos seguintes sistemas operacionais:
    • Windows: Windows 7, 8, 10
    • Mac: macOS 10.9 ou posterior
    • Linux: Ubuntu, Debian, Red Hat, Fedora ou SUSE