Aniversário
Alura '2025

20% OFF

Falta pouco!

00

DIAS

00

HORAS

00

MIN

00

SEG

Hoje você tem desconto para estudar na Alura!

Logo do curso
Curso

HTML e CSS:

responsividade com mobile-first

Quero estudar na alura

12h

Para conclusão

23822

Pessoas nesse curso

9.4

Avaliação média

Certificado

De participação

Introdução_

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

github

linkedin

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.

Curso atualizado em 11/03/2025

Ementa

  1. Iniciando o projeto

    • Apresentação
    • O mobile-first
    • Conhecendo o projeto
    • A base do projeto
    • DevTools e Reset CSS
  2. Construindo o AluraBook

    • Header, Flexbox e @import
    • Criando o Menu Hamburguer
    • Customizando o Menu
    • Importando fontes
    • Banner
    • Barra de pesquisa
  3. Decolando com o projeto

    • Carrossel com Swiper JS
    • Cards
    • Lista de tópicos
    • Contato e Footer
  4. Adaptando ao tablet

    • Media queries
    • Aumentando o header
    • Lista de categorias
    • Variações na página
    • Um novo footer
  5. Transformando no desktop

    • Evoluindo o header
    • Revisando o flexbox
    • Pseudo-classes e combinadores
  6. Compartilhando o projeto

    • GitHub Pages
    • Testando o projeto

Descubra se esse curso é pra você! Leia as primeiras aulas

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

Conheça os planos

Este e mais 5 cursos fazem parte das seguintes formações

Nossas formações são uma sequência de cursos e conteúdo para você se profissionalizar e se tornar quem o mercado procura!
Escola

Front-end

Desenvolva experiências web incríveis com HTML, CSS e JavaScript, além de se aprofundar nos principais frameworks do mercado, como React, Angular e Vue.JS. Domine JavaScript a fundo, para não depender de copiar e colar.

Conheça a escola

Pessoas estudando esse curso nesse mês:

Estude com elas

e mais 862 pessoas

Faça parte da nossa comunidade no discord!

Troque conhecimentos com a comunidade da Alura

Escolha a duração
do seu plano

Conheça os Planos para Empresas