Front-end

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

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

3220 8.6

8,6

é a nota desse curso

9.876

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

Este curso faz parte da Formação

Carreiras com esse curso

Veja o primeiro vídeo

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 Lopes

    Reconhecido profissional front-end e mobile. Tem transtorno obsessivo por velocidade de carregamento de páginas.

Já é aluno?

Começar o Curso

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

Experiências de quem já estudou com a gente

Foto do aluno

GESIEL MORAIS SOUZA

em 12/06/2018

Excelente curso!!! Recomendo para iniciantes de desenvolvimento web direcionado para mobile. O curso mostra como o desenvolvedor front-end pode melhorar e deixar suas páginas web adaptáveis aos aparelhos mobile, de forma prática.

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

Foto do aluno

Felipe Guarnieri

em 18/04/2018

Professor muito bom! Passou vários conceitos realmente utilizados no mercado de trabalho por profissionais da área. Apesar de já conhecer vários conceitos abordados, acabei aprendendo alguns novos. Super recomendo o curso!!!

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

Foto do aluno

Renato de Oliveira

em 18/10/2016

Achei o curso ótimo, muito bem produzido e o instrutor demostrou ter muito conhecimento tanto teórico quanto prático, os exemplos mostrados ilustraram bem o que estava sendo explicado. Achei muito melhor do que um curso presencial

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

Escolha o seu plano e vamos começar

  • 691 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 de conclusão das Formações com avaliação dos professores da Alura e 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

  • 691 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 de conclusão das Formações com avaliação dos professores da Alura e 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

  • 691 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 de conclusão das Formações com avaliação dos professores da Alura e 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

  • 691 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 de conclusão das Formações com avaliação dos professores da Alura e 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