O que você aprenderá_

Compreenda os fundamentos do HTML e a semântica das tags.
Aplique estilos e técnicas de responsividade com CSS.
Organize e estruture o código para facilitar a manutenção.
Explore as funcionalidades do Visual Studio Code para aumentar a produtividade.
Utilize o Git e GitHub para controlar versões e colaborar em projetos.
Publique sites estáticos utilizando o GitHub Pages.
Integre layouts e interfaces por meio do Figma para aprimorar a experiência do usuário.

Público alvo_

Público iniciantx ou com conhecimentos básicos em desenvolvimento web, interessadx em aprender os fundamentos de HTML, CSS e JavaScript, organização de código, controle de versões com Git e GitHub, e publicação de sites, além de explorar a integração com ferramentas de design como o Figma.

Daniele Ligieri Castilho

Oi, eu sou a Dani Castilho! Trabalho com tecnologia há 14 anos e comecei minha jornada como QA. Aos poucos, fui me aventurando no front-end, com muito estudo e a ajuda de amigos e mentores, até chegar a sênior na Easynvest. Lá, participei de projetos desafiadores e ajudei a elevar o nível da empresa, que depois foi adquirida pelo Nu. Hoje, lidero dois times críticos como Gerente de Engenharia na Nike Brasil.

Curso atualizado em 29/09/2025

Já estuda na Alura?

Comece o curso agora

Ementa

Configurando o ambiente e criando o primeiro site
- Apresentação
- Instalando e configurando o VSCode
- Para saber mais: uso de Emmet no VSCode
- Google Chrome e as ferramentas de desenvolvedor
- O que rola na carreira de Front-end?
- Criando seu primeiro site
- Para saber mais: a importância da hierarquia de títulos
- Faça como eu fiz: ambiente e primeiro site
- Garantindo a integridade dos dados
- O que aprendemos?
Explorando as tags HTML
- Títulos, parágrafos, quebras de linhas e formatações adicionais
- Imagens e direitos autorais
- Manipulando e usando imagens no HTML
- Para saber mais: uso da tag
  e alternativas
- Criando listas e links
- Importância da semântica em títulos para a Calmaria Spas
- Desafio de organização do projeto
- Para saber mais: Lista de tags HTML
- Solução do desafio
- Faça como eu fiz: organizar estrutura HTML
- O que aprendemos?
HTML semântico e boas práticas de layout
- Entendendo a semântica HTML e SEO
- Preparando o ambiente
- Conhecendo o figma e apresentação do projeto
- Para saber mais: divisão de papéis em times de tecnologia
- Criando a estrutura HTML do projeto
- Melhorando a navegação em um e-commerce de livros
- Faça como eu fiz: landing page semântica
- O que aprendemos?
Estilizando e adaptando layouts com CSS
- Como o CSS funciona
- Estilos globais: fundo, texto e cores
- Para saber mais: Reset CSS
- Usando e estilizando fontes
- Personalizando o painel de controle do HomeHub
- Usando arquivos de fontes
- Estilizando o botão
- Posicionamento de elementos e CSS Box Model
- Adaptando o layout para dispositivos móveis
- Faça como eu fiz: landing page CSS
- O que aprendemos?
Compartilhando o projeto com Git e GitHub
- Introdução ao Git e GitHub, e Terminal
- Instalando o Git e criando o primeiro repositório local
- Protegendo o código do clube de vantagens
- Publicando no GitHub
- Trabalhando com branches
- Para saber mais: Fluxo profissional com GitHub
- Projeto final do curso
- Faça como eu fiz: Git e GitHub
- O que aprendemos?
Hospedagem e publicação de sites
- Hospedagens Pagas
- Publicando o projeto no GitHub Pages
- Para saber mais: como funciona o dns
- Escolhendo a hospedagem ideal para o e-commerce
- Faça como eu fiz: publicando site online
- O que aprendemos?
- Conclusão

Descubra se esse curso é pra você! Leia as primeiras aulas

Comece essa formação agora mesmo e capacite-se para seu próximo projeto!

Conheça os planos

Escola

Front-end

Desenvolva experiências web incríveis com HTML, CSS e JavaScript, além de se aprofundar nos principais frameworks do mercado, como React, Angular e Vue.JS. Domine JavaScript a fundo, para não depender de copiar e colar.

Conheça a escola