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

3068 8.6

8,6

é a nota desse curso

9.564

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

Pietro Soares

em 30/12/2015

Curso muito bom! parabéns ao professor que explica cada passo muito bem!

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

Foto do aluno

Paulo Ricardo Vieira Magalhães Soares

em 21/01/2016

Excelente curso, parabéns ao Alura e ao professor...

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

  • Cursos
  • Certificado de participação
  • 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

Premium
  • 657
12X
R$75

à vista R$900

Matricule-se
Premium Plus
  • 657
12X
R$100

à vista R$1.200

Matricule-se