Workshop Web Design Responsivo com Sérgio Lopes

Sobre o workshop

Com a explosão do acesso a Web por dispositivos móveis, a única saída viável é o Web Design Reponsivo. Ignorar usuários mobile não é uma opção, e criar sites separados é bem mais trabalhoso e traz pior experiência para o usuário.

Mas escrever um site responsivo não é só pegar seu site desktop, colocar meia dúzia de media queries e ver ele redimensionar bonitinho no seu Chrome. Design responsivo é repensar a Web com flexibilidade e adaptabilidade em mente.

Nesse workshop, o instrutor da Caelum, desenvolvedor Web e mobile, palestrante renomado e autor, Sérgio Lopes vai mostrar as técnicas por trás de um site responsivo de sucesso. Como ir além das media queries básicas e entregar uma experiência fantástica para o usuário.

Pré-requisitos

Conhecimento básico em HTML e CSS.

Formato

Workshop de 8h de duração, aos sábados das 9h às 17h. Traga seu notebook.

Tópicos do workshop

  • Design Responsivo
    • Porque o design responsivo é o único caminho viável para a Web do futuro;
    • Layout fluídos e a mágica por trás das medidas flexíveis da Web;
    • Media queries para adaptação condicional;
    • Uso do viewport e os conceitos por trás dele;
  • Técnicas de responsividade
    • Boas práticas para media queries;
    • Imagens e mídias flexíveis;
    • Adaptação com código JavaScript;
  • Mobile-first
    • Progressive enhancement na Web moderna;
    • Feature detection com Modernizr e JS;
  • Técnicas avançadas
    • Como entender telas de alta resolução e retina
    • Uso de imagens retina
    • Como usar SVG, imagens vetoriais, CSS3 e icon fonts
    • Conditional loading para conteúdo
    • Debug e workflow de desenvolvimento de sites mobiles
  • Discussão de tópicos levantados pela turma.

Sobre o instrutor

Sérgio Lopes é instrutor na Caelum desde 2006 e desenvolve pra Web desde o milênio passado. Nos últimos tempos, tem focado em Web mobile e design responsivo. É autor do livro “A Web Mobile”, pela editora Casa do Código. Mantém um blog pessoal e um twitter onde posta muito conteúdo sobre mobile e responsivo.