Curso de Web Design Responsivo: Páginas que se adaptam do mobile ao desk

9,1

Nota desse curso

10.951

Alunos neste curso

Faça esse curso e...

  • Conheça a diferença de sites mobiles e design responsivos
  • Aprenda Técnicas de design fluído
  • Conheça a tag viewport
  • Faça debug remotos
  • Conheças boas práticas de usabilidade mobile

Conteúdo Detalhado

  1. Web Design Responsivo

    • Site mobile ou design responsivo?
    • Base do responsivo
    • Pensando em proporções
  2. Layout fluído e medidas flexíveis

    • Uso de porcentagens
    • O font-size
    • A medida 'em'
    • Técnicas de design fluído
    • Imagens fluídas
  3. Media queries

    • Layout condicional
    • CSS2 Media types e CSS3 Media queries
    • Sintaxe
    • Breakpoints de conteúdo
    • Mobile-first
  4. Viewport & Workflow

    • Meta tag viewport
    • Estratégia de testes
    • Desktop browsers
    • Emuladores mobile
    • Dispositivos reais
    • Debug remoto (iOS, Android, Weinre, Windows Phone)
    • Device lab
  5. Menu Responsivo

    • Grandes adaptações com media queries
    • JavaScript para controlar o menu
  6. Imagens responsivas

    • Telas de alta resolução
    • Device Pixel Ratio
    • Cases de imagens responsivas
    • Media queries para troca de imagens
    • Srcset e picture
    • Compressive images
    • Performance
  7. Imagens vetoriais

    • Efeitos CSS
    • Texto
    • Icon Fonts
    • SVG
    • Estratégias crossbrowser e fallbacks
  8. Usabilidade mobile & estratégias resposivas

    • Content parity
    • Não existe contexto mobile
    • Touch-first
    • Usabilidade em touch screens
    • Exemplos de más práticas de UX mobile

Veja o primeiro vídeo

Formações com esse curso

Público alvo

Interessados em aprender a trabalhar com a web em dispositivos de tamanho diferentes e que tem conhecimento a html e css

Nível de Dificuldade

Básico

Instrutores

  • Sérgio é diretor e líder do time de diversos times no Grupo Caelum, formado em Ciência da Computação pela USP. É reconhecido por sua atuação em Front-end, Performance, Mobile e Arquitetura de software e tem vasta experiência com ensino, tanto presencial quanto online. Gerencia os projetos internos da empresa e atua na definição de rumos dos produtos e da empresa em geral.

Já é aluno?

Começar o Curso

Experiências de quem já estudou com a gente

Cristiano de Souza Batista

em 21/03/2019

Ótima experiencia, somente poderíamos seguir uma ideia de um projeto sendo desenvolvido para que pudesse ficar ainda mais claro todos os estudos apresentados.

Web Design Responsivo: Páginas que se adaptam do mobile ao desk

Ederson Schmeing

em 16/03/2019

Para mim é melhor quando o instrutor vai fazendo junto os exemplos.

Web Design Responsivo: Páginas que se adaptam do mobile ao desk

Lucas Thiago Dávalos Ortiz

em 29/03/2019

O professor é 10/10, simplesmente excelente. Porém eu não gostei que nos exercícios em prática ele já da a resposta logo de cara, enquanto ele poderia apenas dar uma dica e depois dar a resposta.

Web Design Responsivo: Páginas que se adaptam do mobile ao desk

Sabe quando você pode começar? Agora!

  • 823 cursos

    Cursos de programação, design, UX, agilidade, transformação digital, mobile, front-end, infraestrutura e mais.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • Todas as formações

    Guias de estudo completo para você iniciar em uma nova área de tecnologia

  • Projeto avaliado pelos instrutores

    Projeto práticos para entrega e avaliação dos professores da Alura com certificado de aprovação diferenciado

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Curso online de inglês técnico para aprimorar seu conhecimento

Premium

  • 823 cursos

    Cursos de programação, design, UX, agilidade, transformação digital, mobile, front-end, infraestrutura e mais.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • Todas as formações

    Guias de estudo completo para você iniciar em uma nova área de tecnologia

  • Projeto avaliado pelos instrutores

    Projeto práticos para entrega e avaliação dos professores da Alura com certificado de aprovação diferenciado

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Curso online de inglês técnico para aprimorar seu conhecimento

12X
R$75
à vista R$900
Matricule-se

Premium Plus

  • 823 cursos

    Cursos de programação, design, UX, agilidade, transformação digital, mobile, front-end, infraestrutura e mais.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • Todas as formações

    Guias de estudo completo para você iniciar em uma nova área de tecnologia

  • Projeto avaliado pelos instrutores

    Projeto práticos para entrega e avaliação dos professores da Alura com certificado de aprovação diferenciado

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Curso online de inglês técnico para aprimorar seu conhecimento

12X
R$100
à vista R$1.200
Matricule-se

Max

  • 823 cursos

    Cursos de programação, design, UX, agilidade, transformação digital, mobile, front-end, infraestrutura e mais.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • Todas as formações

    Guias de estudo completo para você iniciar em uma nova área de tecnologia

  • Projeto avaliado pelos instrutores

    Projeto práticos para entrega e avaliação dos professores da Alura com certificado de aprovação diferenciado

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Curso online de inglês técnico para aprimorar seu conhecimento

12X
R$120
à vista R$1.440
Matricule-se
Acesso por 1 ano
Estude 24h/dia onde e quando quiser
Novos cursos toda semana