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.
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. 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.
Curso atualizado em 16/10/2023
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
94
Atividades
Escola
Front-end
Pessoas estudando esse curso nesse mês:
Estude com elas
João Carlos de Melo Junior
MATHEUS LUCAS SANTOS SILVA
Lucas Emanuel Oliveira Santos
Diego Silva Graciliano
André Luiz Martins
e mais 1.379 pessoas
e mais 1.379 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 powered by ChatGPT
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