O documento discute a revolução da web após os dispositivos móveis, as novas necessidades surgidas e conceitos de usabilidade. Apresenta como começar um site ou sistema, dicas de boas práticas para desenvolvedores e as diferenças entre browsers e experiência do usuário.

1. O MUNDO DA
WEB
E OS SEUS DESAFIOS

2. Nicolas Ibanheiz
# Etec de Itaquera
# 2 anos de experiência
# Java | PHP | Angular JS | Node JS
# 3º lugar na FETEPS 2012

3. http:// O que vamos abordar ?
# Revolução da Web após dispositivos móveis
# Novas necessidades que surgiram
# Conceitos de usabilidade
# Por onde começar um site | sistema
# Dicas e boas práticas para o desenvolvedor

4. Vamos voltar 8 anos atrás

5. www.terra.com.br Ano de 2006

6. 2007 Apple lança Iphone
# Primeiro smartphone multitouch e sem teclado físico
# Navegador Safari
Javas Script
Media Query
Resolução

7. 2008 Google lança o Android
# Mercado mobile ganha força

8. www.terra.com.br Ano de 2014

9. www.terra.com.br Ano de 2014 - iphone 5

10. COMO ASSIM ???

11. Design Responsivo
Site adaptável a qualquer dispositivo

12. Diferentes resoluções

13. Problemas para desenvolver Mobile

16. Entendendo Cliente - Servidor
Páginas
HTML, CSS e Java Script

17. Entendendo as Tecnologias
HTML – Linguagem de
marcação para a Web
CSS – Linguagem em cascada
para estilização do HTML
Java Script linguagem de
programação interpretada
pelo navegador

18. Que ?

19. Boas práticas para desenvolvimento
Java Script no final da página

20. Boas práticas para desenvolvimento
Java Script no final da página

21. Boas práticas para desenvolvimento
Java Script não minificado

22. Boas práticas para desenvolvimento
Java Script não minificado

23. Boas práticas para desenvolvimento
# CSS minificado
# Imagens optimizadas
# Carregue Java Script Assync
# Utiliza CSS Sprite
# Use um automatizador para fazer tudo isso

24. Mobile First

25. Mobile First

26. Diferenças entre Browsers

27. Experiência do Usuário

30. Novas tecnologias

31. FETEPS 2012
Feira Tecnológica – Centro Paula Souza
# Experiência
# Aprendizado
# Reconhecimento

35. A maior invenção do mundo não é a minha tecnologia! É a
morte! Pois através dela, o velho sempre dará lugar para o
novo!
“
” - Steve Jobs

36. Obrigado 
nicolas.ibanheiz@gmail.com