O que há em uma página da Web?

É impressionante o que é possível realizar com um site nos dias de hoje!

Em uma página da Web, a linguagem de marcação de hipertexto (HTML) fornece seu conteúdo, as folhas de estilo em cascata (CSS) definem a aparência da página e o JavaScript é usado para fornecer interatividade com o usuário, ou seja, a sua lógica de negócios.

O conteúdo, estilo e lógica de negócios são separados em arquivos HTML, CSS e JavaScript, respectivamente.

Um princípio de design na programação moderna é a separação de interesses. Entre as muitas razões para separar interesses, uma é a simplicidade e a reutilização. Por exemplo, ao estilizar os elementos usando CSS, você pode aplicar estilos a todos os elementos de uma página, independentemente da complexidade da página, em vez de codificar a aparência separadamente em cada elemento.

Cenário

Imagine que você é um desenvolvedor da Web e lhe pedem para tornar o site de sua empresa mais atraente para uma gama mais ampla de clientes. Você decide adicionar suporte para temas claros e escuros (que veremos, em detalhes, no módulo 3).

Você cria um site simples de prova de conceito para demonstrar o suporte para temas usando CSS e escreve uma função JavaScript para alternar o tema.

Quando concluído, o site simples ficará assim, quando o tema escuro for selecionado.