O MUNDO DA 
WEB 
E OS SEUS DESAFIOS
Nicolas Ibanheiz 
# Etec de Itaquera 
# 2 anos de experiência 
# Java | PHP | Angular JS | Node JS 
# 3º lugar na FETEPS 2...
http:// O que vamos abordar ? 
# Revolução da Web após dispositivos móveis 
# Novas necessidades que surgiram 
# Conceitos...
Vamos voltar 8 anos atrás
www.terra.com.br Ano de 2006
2007 Apple lança Iphone 
# Primeiro smartphone multitouch e sem teclado físico 
# Navegador Safari 
Javas Script 
Media Qu...
2008 Google lança o Android 
# Mercado mobile ganha força
www.terra.com.br Ano de 2014
www.terra.com.br Ano de 2014 - iphone 5
COMO ASSIM ???
Design Responsivo 
Site adaptável a qualquer dispositivo
Diferentes resoluções
Problemas para desenvolver Mobile
Entendendo Cliente - Servidor 
Páginas 
HTML, CSS e Java Script
Entendendo as Tecnologias 
HTML – Linguagem de 
marcação para a Web 
CSS – Linguagem em cascada 
para estilização do HTML ...
Que ?
Boas práticas para desenvolvimento 
Java Script no final da página
Boas práticas para desenvolvimento 
Java Script no final da página
Boas práticas para desenvolvimento 
Java Script não minificado
Boas práticas para desenvolvimento 
Java Script não minificado
Boas práticas para desenvolvimento 
# CSS minificado 
# Imagens optimizadas 
# Carregue Java Script Assync 
# Utiliza CSS ...
Mobile First
Mobile First
Diferenças entre Browsers
Experiência do Usuário
Novas tecnologias
FETEPS 2012 
Feira Tecnológica – Centro Paula Souza 
# Experiência 
# Aprendizado 
# Reconhecimento
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!...
Obrigado  
nicolas.ibanheiz@gmail.com
O mundo da web e os seus desafios
O mundo da web e os seus desafios
O mundo da web e os seus desafios
O mundo da web e os seus desafios
O mundo da web e os seus desafios
O mundo da web e os seus desafios
O mundo da web e os seus desafios
Próximos SlideShares
Carregando em…5
×

O mundo da web e os seus desafios

207 visualizações

Publicada em

Palestra dobre desenvolvimento web para múltiplos devices na Escola Técnica Estadual de Itaquera.

Publicada em: Internet
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
207
No SlideShare
0
A partir de incorporações
0
Número de incorporações
2
Ações
Compartilhamentos
0
Downloads
4
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

O mundo da web e os seus desafios

  1. 1. O MUNDO DA WEB E OS SEUS DESAFIOS
  2. 2. Nicolas Ibanheiz # Etec de Itaquera # 2 anos de experiência # Java | PHP | Angular JS | Node JS # 3º lugar na FETEPS 2012
  3. 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. 4. Vamos voltar 8 anos atrás
  5. 5. www.terra.com.br Ano de 2006
  6. 6. 2007 Apple lança Iphone # Primeiro smartphone multitouch e sem teclado físico # Navegador Safari Javas Script Media Query Resolução
  7. 7. 2008 Google lança o Android # Mercado mobile ganha força
  8. 8. www.terra.com.br Ano de 2014
  9. 9. www.terra.com.br Ano de 2014 - iphone 5
  10. 10. COMO ASSIM ???
  11. 11. Design Responsivo Site adaptável a qualquer dispositivo
  12. 12. Diferentes resoluções
  13. 13. Problemas para desenvolver Mobile
  14. 14. Entendendo Cliente - Servidor Páginas HTML, CSS e Java Script
  15. 15. 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
  16. 16. Que ?
  17. 17. Boas práticas para desenvolvimento Java Script no final da página
  18. 18. Boas práticas para desenvolvimento Java Script no final da página
  19. 19. Boas práticas para desenvolvimento Java Script não minificado
  20. 20. Boas práticas para desenvolvimento Java Script não minificado
  21. 21. Boas práticas para desenvolvimento # CSS minificado # Imagens optimizadas # Carregue Java Script Assync # Utiliza CSS Sprite # Use um automatizador para fazer tudo isso
  22. 22. Mobile First
  23. 23. Mobile First
  24. 24. Diferenças entre Browsers
  25. 25. Experiência do Usuário
  26. 26. Novas tecnologias
  27. 27. FETEPS 2012 Feira Tecnológica – Centro Paula Souza # Experiência # Aprendizado # Reconhecimento
  28. 28. 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
  29. 29. Obrigado  nicolas.ibanheiz@gmail.com

×