Formações Front-end A partir do zero: HTML e CSS para projetos web

Formação A partir do zero: HTML e CSS para projetos web

Se desenvolva como um Dev em T em Front-end

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

Quero Estudar na Alura

53h

Para conclusão

Cursos

Vídeos extras

Podcast

Artigos

O que você vai aprender nesta Formação?

Crie sites incríveis com HTML e CSS!

Nesta formação para iniciantes em Front-end, você aprenderá:

Ferramentas de desenvolvimento de layouts (ex: Figma) e publicação (ex: Github)
Estruturar uma página web com tags HTML
Compreender como HTML e CSS trabalham juntos
Descobrir como organizar o conteúdo com arquivos HTML
Organizar uma página com CSS Flexbox
Criar cabeçalhos, rodapés e aplicar estilos com CSS
Tornar seu site responsivo para diferentes tamanhos de tela

Transforme sua paixão por design em habilidades práticas e desenvolva páginas completas para web!

Clique aqui e acesse o Tech Guide para acompanhar sua evolução e matricule-se na formação para planejar à sua trilha de estudos com acesso direto pelo Dashboard.

Em caso de dúvidas, acesse o Fórum ou interaja com a comunidade no Discord.

Vamos começar?

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?

Rafaella Ballerini
Desenvolvedora de software, instrutora e criadora de conteúdo. Possui um canal com mais de 240 mil pessoas inscritas, onde ensina sobre os mais diversos temas relacionados a programação e tecnologia, como HTML, CSS, Javascript, Git, Github... É instrutora front-end na plataforma da Alura e também na Imersão Dev, projeto que leva o ensino inicial de programação para todo o Brasil gratuitamente.
Rafaella Ballerini
Desenvolvedora de software, instrutora e criadora de conteúdo. Possui um canal com mais de 240 mil pessoas inscritas, onde ensina sobre os mais diversos temas relacionados a programação e tecnologia, como HTML, CSS, Javascript, Git, Github... É instrutora front-end na plataforma da Alura e também na Imersão Dev, projeto que leva o ensino inicial de programação para todo o Brasil gratuitamente.
Guilherme Lima
Guilherme é desenvolvedor de software formado em Sistemas de Informação e possui experiência em programação usando diferentes tecnologias como Python, Javascript e Go. Criador de mais de 30 cursos de diferentes áreas da plataforma com foco no treinamento de profissionais de TI, como Data Science, Python para web com Django e Django Rest, jogos com Javascript, Infraestrutura como código com Terraform e Ansible, Orientação a Objetos com Go. Além disso, é um dos instrutores da Imersão Dev da Alura.
Guilherme Lima
Guilherme é desenvolvedor de software formado em Sistemas de Informação e possui experiência em programação usando diferentes tecnologias como Python, Javascript e Go. Criador de mais de 30 cursos de diferentes áreas da plataforma com foco no treinamento de profissionais de TI, como Data Science, Python para web com Django e Django Rest, jogos com Javascript, Infraestrutura como código com Terraform e Ansible, Orientação a Objetos com Go. Além disso, é um dos instrutores da Imersão Dev da Alura.
Mônica Mazzochi Hillman
Bacharela em Tecnologias Digitais, especialista em User Experience e pós graduanda em Docência e Performance na Educação a Distância com experiência em suporte técnico de T.I e com tecnologias front-end. Atualmente é Tech Community Manager na Magalu Cloud e instrutora na Alura. Nas horas vagas gosta de assistir animes e produções da marvel, ouvir kpop e post-hardcore, jogar Valorant e TFT.
Mônica Mazzochi Hillman
Bacharela em Tecnologias Digitais, especialista em User Experience e pós graduanda em Docência e Performance na Educação a Distância com experiência em suporte técnico de T.I e com tecnologias front-end. Atualmente é Tech Community Manager na Magalu Cloud e instrutora na Alura. Nas horas vagas gosta de assistir animes e produções da marvel, ouvir kpop e post-hardcore, jogar Valorant e TFT.
Marcus Almeida
Bacharelando em Engenharia Elétrica pelo Instituto Federal do Maranhão. Atuou como parte do Scuba Team da Escola de Dados na Alura, trabalhando com conteúdos voltados a Data Science, Machine Learning, Python e SQL. Adora conversar tecnologia, universo geek, games e também aprender coisas novas.
Marcus Almeida
Bacharelando em Engenharia Elétrica pelo Instituto Federal do Maranhão. Atuou como parte do Scuba Team da Escola de Dados na Alura, trabalhando com conteúdos voltados a Data Science, Machine Learning, Python e SQL. Adora conversar tecnologia, universo geek, games e também aprender coisas novas.

Passo a passo

1 Aprenda HTML, CSS e boas práticas de desenvolvimento
Um site profissional precisa de HTML e CSS bem estruturados. Aprenda a importância do código semântico, como potencializar informações com CSS e seguir boas práticas de desenvolvimento.
- Curso HTML e CSS: ambientes de desenvolvimento, estrutura de arquivos e tags
  08h
- Podcast TechGuide: Figma – Hipsters Ponto Tech #357
- Curso HTML e CSS: Classes, posicionamento e Flexbox
  08h
2 Organize sua página e deixe-a responsiva para diferentes telas
Neste segundo passo você aprenderá a organizar uma página com CSS Flexbox, criar cabeçalhos, rodapés e aplicar estilos com CSS. E por fim, tornar o seu site responsivo para diferentes tamanhos de tela.
- Curso HTML e CSS: cabeçalho, footer e variáveis CSS
  06h
- Curso HTML e CSS: trabalhando com responsividade e publicação de projetos
  06h
- Alura+ GitHub: diferentes maneiras de compartilhar seu projeto
- Curso HTML e CSS: praticando HTML/CSS
  08h
- Artigo Como colocar seu projeto no ar com o Github Pages? | Alura
3 Aprimore os seus conhecimentos e desenvolva layouts modernos para web
Você está quase lá! Neste último passo você aperfeiçoará os seus conhecimentos em HTML e CSS, criando páginas web modernas e responsivas. Com o aumento do uso da internet em dispositivos móveis, torna-se imprescindível desenvolver sites adaptáveis a diferentes tamanhos, formatos e resoluções de tela. Aprenda técnicas e melhore a experiência do usuário em diferentes cenários.
- Artigo Srcset: Trabalhando com imagens responsivas
- Curso HTML e CSS: responsividade com mobile-first
  12h
- Alura+ Transformando um site em responsivo
- Artigo HTML: o que é, como aprender e um Guia para iniciantes | Alura
- Artigo CSS: o que é, como usar no HTML e um Guia para iniciar | Alura
4 Desenvolva layouts modernos do Figma em páginas web reais
Você está quase lá! Neste último passo você vai colocar em prática tudo o que aprendeu nos passos anteriores. Você aplicará conhecimentos de HTML e CSS para transformar um layout do Figma em uma página real, simulando uma tarefa comum no mercado de trabalho e também páginas e aplicações com layouts responsivos.