Formações Front-end HTML e CSS: do zero ao layout responsivo

Formação HTML e CSS: do zero ao layout responsivo

Aprenda a estruturar, estilizar e publicar sites profissionais do zero.

* Esta formação faz parte dos nossos cursos de Front-end

Quero Estudar na Alura

54h

Para conclusão

Cursos

Por que HTML e CSS continuam sendo a porta de entrada para o front-end

HTML e CSS são a base de qualquer página que existe na web, literalmente todo site, aplicação ou produto digital que roda em um navegador começa com essas duas linguagens. Não importa se o próximo passo de alguém é React, Vue ou Angular: entender profundamente como o HTML estrutura o conteúdo e como o CSS o estiliza continua sendo o alicerce sobre o qual qualquer carreira em front-end é construída. Por isso, dominar esses fundamentos continua sendo um dos caminhos mais sólidos para quem quer entrar no mercado de tecnologia.

Esta trilha foi pensada para levar você desse ponto zero — entendendo como a própria internet funciona por trás dos panos — até a construção de sites completos, responsivos, acessíveis e otimizados para buscadores, sempre praticando em projetos reais que podem virar peças de portfólio. Ao final, você terá uma base sólida para seguir para o próximo passo natural da carreira front-end: dar interatividade aos seus projetos com JavaScript.

Por que estudar esta formação?

Guia de aprendizado
Conteúdos pensados para facilitar seu estudo
Do básico ao avançado
Formação completa para o mercado
Você dentro do mercado
Do zero ao sonhado emprego em sua área de interesse

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

Conheça os planos

Com quem você vai aprender?

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.
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.

Passo a passo

1 Entendendo a internet e criando seu primeiro site
Nessa primeira etapa você vai entender como a internet e a web funcionam e também vai conhecer as áreas de tecnologias. Na sequência, você vai estruturar e estilizar seu primeiro site com HTML semântico e CSS, configurar seu ambiente de desenvolvimento, explorar o Figma para integrar design e código, versionar seu projeto com Git e GitHub e publicá-lo no ar com o GitHub Pages.
- Curso Internet: entendendo os fundamentos da web
  08h
- Curso HTML e CSS: ambiente, estrutura e estilo
  20h
2 Formulários acessíveis e visíveis nas buscas
Agora você vai construir formulários HTML completos — com campos de texto, e-mail, seleção, checkboxes e validações — garantindo uma boa experiência para quem preenche. Vai aplicar diretrizes de acessibilidade digital (WCAG e ARIA) usando ferramentas como Google Lighthouse e WAVE, para que qualquer pessoa consiga navegar pelas suas páginas. E vai colocar em prática técnicas de SEO técnico e de conteúdo para que seus projetos fiquem bem posicionados nas buscas.
- Curso HTML e CSS: formulários, SEO e acessibilidade
  06h
3 Adaptando seu site para qualquer tela
Nessa última etapa você vai aprender a construir layouts responsivos do zero, com abordagem mobile first, media queries, Flexbox e CSS Grid. Vai criar componentes reutilizáveis, organizar seu CSS em múltiplos arquivos, otimizar imagens para diferentes resoluções e aplicar boas práticas de SEO e acessibilidade em um projeto real e completo, do mobile ao desktop.
- Curso HTML e CSS: responsividade em layouts
  20h