Ainda não tem acesso? Estude com a gente! Matricule-se
Ainda não tem acesso? Estude com a gente! Matricule-se

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

Nota

9.1

Nível

Básico

Última atualização

17/10/2017

Carga horária

10h

Iniciar Curso
Concluir

Pré-requisitos:

Carreiras com esse curso:

Instrutor

  • instructor Sérgio Lopes

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

Veja as últimas novidades do curso Veja as perguntas frequentes Fórum do curso

Conteúdo detalhado:

  1. Web Design Responsivo

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

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

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

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

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

    1. Telas de alta resolução
    2. Device Pixel Ratio
    3. Cases de imagens responsivas
    4. Media queries para troca de imagens
    5. Srcset e picture
    6. Compressive images
    7. Performance
  3. Imagens vetoriais

    1. Efeitos CSS
    2. Texto
    3. Icon Fonts
    4. SVG
    5. Estratégias crossbrowser e fallbacks
  4. Usabilidade mobile & estratégias resposivas

    1. Content parity
    2. Não existe contexto mobile
    3. Touch-first
    4. Usabilidade em touch screens
    5. Exemplos de más práticas de UX mobile