Workshop | Desenvolvimento Web Responsivo

16 Mai 2015 08h - 16 Mai 2015 12h Monkey Mob

O ORGANIZADOR DESSE EVENTO FOI
organizacao

Monkey Mob

A Monkey Mob é uma startup de tecnologia e marketing digital que oferece soluções de desenvolvimento de software para web e dispositivos móveis, treinamento técnico e marketing. O time de Belo Horizonte, que nasceu em 2013, já possui clientes em países como Brasil, Canadá e Irlanda.

Por que fazer um site compatível com dispositivos móveis?

Imagine um usuário visualizando seu site em um dispositivo móvel. Ele consegue ler a página com facilidade e encontrar as informações necessárias ou o site é muito difícil de usar?

A versão para computador de um site pode ser difícil de visualizar em um dispositivo móvel. Esta versão não compatível com dispositivos móveis exige que o usuário faça gestos de pinça ou aumente o zoom para ler o conteúdo. Os usuários consideram isso uma experiência frustrante, e é provável que abandonem o site. Por outro lado, a versão compatível com dispositivos móveis é fácil de ler e pode ser usada imediatamente.


Nos Estados Unidos, 94% das pessoas com smartphones procuram informações locais nos seus telefones. Curiosamente, 77% das pesquisas em dispositivos móveis ocorrem em casa ou no trabalho, lugares onde provavelmente há computadores.


Neste workshop sobre Desenvolvimento Web Responsivo você aprenderá sobre os conceitos e fundamentos do design responsivo da teoria até a prática, entenderá o que precisa para transformar um site fixo em responsivo. Irá conhecer ferramentas e simuladores para testes em diversos devices.

Este workshop é indicado para:

  • Web Designers,
  • UX Designers, e
  • Front-End Engineers, com conhecimentos básicos em HTML/CSS
[!] Levar notebook
[!] O evento será transmitido via hangout para os inscritos de outros estados
Conteúdo:
Introdução ao Responsive Web Design
  • Por que trabalhar com um design responsivo;
  • Medidas absolutas (px) e relativas (em/rem);
  • Grids fluidos e CSS Media Queries;
  • Layouts fixos, fluidos, Adaptáveis e responsivos.
Criando uma Estrutura Fluida
  • Convertendo medidas absolutas (px) para relativas (em);
  • Criando margens flexíveis;
  • Criando imagens escaláveis.
Design Adaptável
  • Introdução ao Design Adaptável;
  • Definindo os Breakpoints;
  • Implementando Media Queries;
  • Trabalhando com a meta tag Viewport.
Criando um site Responsivo
  • Introdução ao Responsive Web Design;
  • CSS Breakpoints definidos pelo conteúdo;
  • Imagens Flexíveis;
  • Ferramentas e Testes.


Incluso: Certificado digital de participação, Wi-Fi livre, apresentação online e acesso aos arquivos de código.

LOCAL

Monkey Mob

Av. Cristóvão Colombo, 454, sala 301 Funcionários, Minas Gerais, Brasil
Belo Horizonte, Minas Gerais

Comentários