formação_

Formação HTML e CSS

Crie páginas incríveis com as tecnologias da Web

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

66h

Para conclusão

Cursos

Vídeos extras

Artigos

Assista o vídeo

veja nossa apresentação da Formação e uma Alura Live sobre a Carreira em Front-end

Crie layouts modernos para Web

A Web é a plataforma de programação mais importante do mundo. Suas principais tecnologias, o HTML e o CSS, são as fundamentais para a criação de qualquer site. Quem domina essas tecnologias, suas boas práticas e seus recursos mais avançados, tem espaço no mercado de programação para front-end, possibilitando a criação de sistemas e aplicativos incríveis.

Praticamente todo produto digital precisa de um front-end Web, por isso é um mercado imenso no Brasil e no mundo. Se engana quem acha que aprender um pouco de HTML e CSS é o suficiente. A pessoa que trabalha nessa área deve aprender a lidar com desafios diários como, por exemplo, conhecer as boas práticas de código, dar suporte aos múltiplos navegadores web, desenvolver páginas que se adaptam a smartphones entre outros, portanto é necessário muita prática!

A formação HTML e CSS da Alura foi pensada para você que quer se tornar uma pessoa desenvolvedora front-end, iniciar seus estudos de forma leve e prática.

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

Professores especializados Front-end

Com quem você vai aprender

Pedro Marins
Ajudo devs a conquistarem sua primeira vaga e construírem carreiras de sucesso!
Pedro Marins
Ajudo devs a conquistarem sua primeira vaga e construírem carreiras de sucesso!
Matheus Alberto
Formado em Sistemas de Informação na FIAP e em Design Gráfico na Escola Panamericana de Artes e Design. Trabalho como desenvolvedor e instrutor na Caelum e Alura. Nas horas vagas sou artista/ilustrador.
Matheus Alberto
Formado em Sistemas de Informação na FIAP e em Design Gráfico na Escola Panamericana de Artes e Design. Trabalho como desenvolvedor e instrutor na Caelum e Alura. Nas horas vagas sou artista/ilustrador.
Mônica Mazzochi Hillman
Bacharela em Tecnologias Digitais e pós graduanda em User Experience com experiência em suporte técnico de T.I e com tecnologias front-end. Durante a graduação foi vice-presidente do diretório acadêmico e monitora de LIBRAS. Atualmente é instrutora na Alura. Nas horas vagas gosta de assistir animes e produções da marvel, ouvir kpop e post-hardcore, jogar Valorant e Genshin Impact e praticar culinária.
Mônica Mazzochi Hillman
Bacharela em Tecnologias Digitais e pós graduanda em User Experience com experiência em suporte técnico de T.I e com tecnologias front-end. Durante a graduação foi vice-presidente do diretório acadêmico e monitora de LIBRAS. Atualmente é instrutora na Alura. Nas horas vagas gosta de assistir animes e produções da marvel, ouvir kpop e post-hardcore, jogar Valorant e Genshin Impact e praticar culinária.
Vanessa Me Tonini
Desenvolvedora Web há mais de 10 anos. Mestranda em Ciência da Computação no IME-USP. Vegetariana, (nem tão) jovem mística, mãe da Yasmin Lis.
Vanessa Me Tonini
Desenvolvedora Web há mais de 10 anos. Mestranda em Ciência da Computação no IME-USP. Vegetariana, (nem tão) jovem mística, mãe da Yasmin Lis.
Juliana Amoasei
Desenvolvedora JavaScript com background multidisciplinar, sempre aprendendo para ensinar e vice-versa. Atuo em diversas iniciativas de inclusão em tecnologia desde 2018 e acredito no potencial do conhecimento como agente de mudança pessoal e social. Atualmente trabalho como instrutora na Escola de Programação da Alura e dou mentoria técnica a iniciantes na área de desenvolvimento web frontend e backend; fora da tela preta, me dedico ao Kung Fu e à nerdices em geral.
Juliana Amoasei
Desenvolvedora JavaScript com background multidisciplinar, sempre aprendendo para ensinar e vice-versa. Atuo em diversas iniciativas de inclusão em tecnologia desde 2018 e acredito no potencial do conhecimento como agente de mudança pessoal e social. Atualmente trabalho como instrutora na Escola de Programação da Alura e dou mentoria técnica a iniciantes na área de desenvolvimento web frontend e backend; fora da tela preta, me dedico ao Kung Fu e à nerdices em geral.

Passo a passo

1 HTML & CSS
O segredo de um site profissional é ter como base um bom HTML. Mais que conhecer todos os elementos do HTML, é saber a importância de um código semântico e bem estruturado. Além disso, entender o papel do CSS em potencializar as informações do HTML, estruturando em layouts de colunas e linhas, além dos devidos destaques visuais, como cores, fontes, tamanhos e mais recursos. Aqui, você entenderá do que se constitui os fundamentos para o desenvolvimento de uma página para Web.
- Artigo Começando com Front-end | Alura Cursos Online
- Artigo HTML, CSS e Javascript, quais as diferenças? | Alura Cursos Online
- Curso HTML5 e CSS3 parte 1: crie uma página da Web
  08h
- Curso HTML5 e CSS3 parte 2: posicionamento, listas e navegação
  08h
- Curso HTML5 e CSS3 parte 3: trabalhando com formulários e tabelas
  08h
- Curso HTML5 e CSS3 parte 4: avançando no CSS
  08h
- Artigo Reset CSS: O que é, Exemplos, Como Criar e Utilizar | Alura Cursos Online
- Alura+ Box Model e Box Sizing
- Artigo Z-index: Como utilizar essa propriedade do CSS | Alura Cursos Online
2 Layouts modernos para a Web
Um site moderno é também aquele que dá suporte a uma diversidade de tamanhos, formatos e resoluções de telas, ou seja, deve ser responsivo. Hoje, o uso da Web por um smartphone já é maior que por um computador, portanto isso torna imprescindível sabermos como criar sites priorizando esse contexto e conhecer quais técnicas do HTML e CSS facilitam esse desenvolvimento web mobile.
- Artigo CSS: Grids e tabelas com responsividade na Web | Alura Cursos Online
- Artigo Como utilizar ícones em páginas web? | Alura Cursos Online
- Curso CSS: dispondo elementos com Flexbox e Grid
  08h
- Alura+ CSS FlexBox: distribua elementos de forma responsiva
- Artigo Flexbox CSS: Guia Completo, Elementos e Exemplos | Alura Cursos Online
- Artigo O que é front-end e back-end? | Alura Cursos Online
- Artigo Srcset: Trabalhando com imagens responsivas | Alura Cursos Online
- Curso HTML e CSS: praticando HTML/CSS
  08h
- Curso HTML e CSS: responsividade com mobile-first
  12h
3 Hora de praticar
Chegou o momento de colocarmos em prática tudo que você viu nessa formação. Montar o seu portfólio e fixar todo o conhecimento que adquiriu com os professores e professoras da Alura. Nesse próximo passo você encontrará uma atividade do #7DaysOfCode que foi pensada por pessoas do mercado para que você resolva desafios comuns em qualquer empresa que trabalha com tecnologia.
- Site 7days Of Code | Alura