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

1757 9.1

9,1

é a nota desse curso

6.330

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
  • 10h para conclusão
  • 65 atividades
  • 149 minutos de videos

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

12x R$25

(à vista R$300)

Matricule-se
  • 1
    Curso
  • 65
    Atividades
  • Estude por 1 ano
  • 3 ebooks da Casa do Código
  • Curso de inglês no Galandra
  • Acesso à Alura Start

Premium

12x R$75

(à vista R$900)

Matricule-se
  • 422
    Cursos
  • 24.541
    Atividades
  • Estude por 1 ano
  • 3 ebooks da Casa do Código
  • Curso de inglês no Galandra
  • Acesso à Alura Start

Premium Plus

12x R$100

(à vista R$1.200)

Matricule-se
  • 422
    Cursos
  • 24.541
    Atividades
  • Estude por 1 ano
  • 3 ebooks da Casa do Código
  • Curso de inglês no Galandra
  • Acesso à Alura Start
Acesso por 1 ano
Certificado digital de conclusão
Estude 24h/dia onde e quando quiser
Novos cursos toda semana

Carreiras com esse curso

Veja a 1ª aula

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

O que os nossos alunos estão falando desse curso

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

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

Paulo Ricardo Vieira Magalhães Soares

em 21/01/2016

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

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

Pietro Soares

em 30/12/2015

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

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

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

12x R$25

(à vista R$300)

Matricule-se
  • 1
    Curso
  • 65
    Atividades
  • Estude por 1 ano
  • 3 ebooks da Casa do Código
  • Curso de inglês no Galandra
  • Acesso à Alura Start

Premium

12x R$75

(à vista R$900)

Matricule-se
  • 422
    Cursos
  • 24.541
    Atividades
  • Estude por 1 ano
  • 3 ebooks da Casa do Código
  • Curso de inglês no Galandra
  • Acesso à Alura Start

Premium Plus

12x R$100

(à vista R$1.200)

Matricule-se
  • 422
    Cursos
  • 24.541
    Atividades
  • Estude por 1 ano
  • 3 ebooks da Casa do Código
  • Curso de inglês no Galandra
  • Acesso à Alura Start
Acesso por 1 ano
Certificado digital de conclusão
Estude 24h/dia onde e quando quiser
Novos cursos toda semana