O que você aprenderá_
- Construa um site com HTML e CSS
- Entenda como interpretar um protótipo de site criado no Figma
- Conheça a abordagem mobile-first
- Aprenda a utilizar media queries na construção de layouts responsivos
- Realize o deploy de um site através do Github Pages
- Compartilhe seu aprendizado nas redes sociais
Público alvo_
Pessoas desenvolvedoras com foco em front-end que querem aprimorar seus conhecimento em layouts responsivos. Estudantes que desejam aprender como construir sites que se ajustam de acordo com o tamanho da tela do usuário.
Curso atualizado em 05/03/2024
Já estuda na Alura?
Comece o curso agoraEmenta
Iniciando o projeto
- Apresentação
- O mobile-first
- Conhecendo o projeto
- A base do projeto
- DevTools e Reset CSS
Construindo o AluraBook
- Header, Flexbox e @import
- Criando o Menu Hamburguer
- Customizando o Menu
- Importando fontes
- Banner
- Barra de pesquisa
Decolando com o projeto
- Carrossel com Swiper JS
- Cards
- Lista de tópicos
- Contato e Footer
Adaptando ao tablet
- Media queries
- Aumentando o header
- Lista de categorias
- Variações na página
- Um novo footer
Transformando no desktop
- Evoluindo o header
- Revisando o flexbox
- Pseudo-classes e combinadores
Compartilhando o projeto
- GitHub Pages
- Testando o projeto
Descubra se esse curso é pra você! Leia as primeiras aulas
-
Formação
A partir do zero: HTML e CSS para projetos web
12h
De curso
101
Atividades
Escola
Front-end
Pessoas estudando esse curso nesse mês:
Estude com elas
Bruno Tiago da Silva
Rodrigo Coifman
THIAGO MOREIRA BIANECK
Anilton Adriano Schmidt Junior
Klaus Santos
e mais 1.451 pessoas
e mais 1.451 pessoas
Faça parte da nossa comunidade no discord!
Troque conhecimentos com a comunidade da Alura
Aprenda HTML e CSS com esse e outros cursos, comece agora!
Plus
De
R$ 1.800
12X
R$109
à vista
R$1.308
- Acesso a TODOS os cursos da Alura
Mais de 1500 cursos completamente atualizados, com novos lançamentos todas as semanas, emProgramação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.
- Alura Challenges
Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.
- Alura Cases
Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.
- Certificado
Emitimos certificados para atestar que você finalizou nossos cursos e formações.
Pro
De
R$ 2.400
12X
R$149
à vista
R$1.788
- Acesso a TODOS os cursos da Alura
Mais de 1500 cursos completamente atualizados, com novos lançamentos todas as semanas, emProgramação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.
- Alura Challenges
Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.
- Alura Cases
Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.
- Certificado
Emitimos certificados para atestar que você finalizou nossos cursos e formações.
- Luri, a inteligência artificial da Alura
Luri é nossa inteligência artificial que tira dúvidas, dá exemplos práticos e ajuda a mergulhar ainda mais durante as aulas. Você pode conversar com Luri até 100 mensagens por semana.
- Alura Língua (incluindo curso Inglês para Devs)
Estude a língua inglesa com um curso 100% focado em tecnologia e expanda seus horizontes profissionais.
Acesso completo
durante 1 ano
Estude 24h/dia
onde e quando quiser
Novos cursos
todas as semanas