Download - O mundo da web e os seus desafios
![Page 1: O mundo da web e os seus desafios](https://reader031.vdocuments.site/reader031/viewer/2022020800/55b2db14bb61eb75588b45af/html5/thumbnails/1.jpg)
O MUNDO DA WEB
E OS SEUS DESAFIOS
![Page 2: O mundo da web e os seus desafios](https://reader031.vdocuments.site/reader031/viewer/2022020800/55b2db14bb61eb75588b45af/html5/thumbnails/2.jpg)
Nicolas Ibanheiz
# Etec de Itaquera
# 2 anos de experiência
# Java | PHP | Angular JS | Node JS
# 3º lugar na FETEPS 2012
![Page 3: O mundo da web e os seus desafios](https://reader031.vdocuments.site/reader031/viewer/2022020800/55b2db14bb61eb75588b45af/html5/thumbnails/3.jpg)
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
![Page 4: O mundo da web e os seus desafios](https://reader031.vdocuments.site/reader031/viewer/2022020800/55b2db14bb61eb75588b45af/html5/thumbnails/4.jpg)
Vamos voltar 8 anos atrás
![Page 5: O mundo da web e os seus desafios](https://reader031.vdocuments.site/reader031/viewer/2022020800/55b2db14bb61eb75588b45af/html5/thumbnails/5.jpg)
www.terra.com.br Ano de 2006
![Page 6: O mundo da web e os seus desafios](https://reader031.vdocuments.site/reader031/viewer/2022020800/55b2db14bb61eb75588b45af/html5/thumbnails/6.jpg)
2007 Apple lança Iphone
# Primeiro smartphone multitouch e sem teclado físico
# Navegador Safari
Javas Script
Media Query
Resolução
![Page 7: O mundo da web e os seus desafios](https://reader031.vdocuments.site/reader031/viewer/2022020800/55b2db14bb61eb75588b45af/html5/thumbnails/7.jpg)
2008 Google lança o Android
# Mercado mobile ganha força
![Page 8: O mundo da web e os seus desafios](https://reader031.vdocuments.site/reader031/viewer/2022020800/55b2db14bb61eb75588b45af/html5/thumbnails/8.jpg)
www.terra.com.br Ano de 2014
![Page 9: O mundo da web e os seus desafios](https://reader031.vdocuments.site/reader031/viewer/2022020800/55b2db14bb61eb75588b45af/html5/thumbnails/9.jpg)
www.terra.com.brAno de 2014 - iphone 5
![Page 10: O mundo da web e os seus desafios](https://reader031.vdocuments.site/reader031/viewer/2022020800/55b2db14bb61eb75588b45af/html5/thumbnails/10.jpg)
COMO ASSIM ???
![Page 11: O mundo da web e os seus desafios](https://reader031.vdocuments.site/reader031/viewer/2022020800/55b2db14bb61eb75588b45af/html5/thumbnails/11.jpg)
Design ResponsivoSite adaptável a qualquer dispositivo
![Page 12: O mundo da web e os seus desafios](https://reader031.vdocuments.site/reader031/viewer/2022020800/55b2db14bb61eb75588b45af/html5/thumbnails/12.jpg)
Diferentes resoluções
![Page 13: O mundo da web e os seus desafios](https://reader031.vdocuments.site/reader031/viewer/2022020800/55b2db14bb61eb75588b45af/html5/thumbnails/13.jpg)
Problemas para desenvolver Mobile
![Page 14: O mundo da web e os seus desafios](https://reader031.vdocuments.site/reader031/viewer/2022020800/55b2db14bb61eb75588b45af/html5/thumbnails/14.jpg)
![Page 15: O mundo da web e os seus desafios](https://reader031.vdocuments.site/reader031/viewer/2022020800/55b2db14bb61eb75588b45af/html5/thumbnails/15.jpg)
![Page 16: O mundo da web e os seus desafios](https://reader031.vdocuments.site/reader031/viewer/2022020800/55b2db14bb61eb75588b45af/html5/thumbnails/16.jpg)
Entendendo Cliente - Servidor
PáginasHTML, CSS e Java
Script
![Page 17: O mundo da web e os seus desafios](https://reader031.vdocuments.site/reader031/viewer/2022020800/55b2db14bb61eb75588b45af/html5/thumbnails/17.jpg)
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
![Page 18: O mundo da web e os seus desafios](https://reader031.vdocuments.site/reader031/viewer/2022020800/55b2db14bb61eb75588b45af/html5/thumbnails/18.jpg)
Que ?
![Page 19: O mundo da web e os seus desafios](https://reader031.vdocuments.site/reader031/viewer/2022020800/55b2db14bb61eb75588b45af/html5/thumbnails/19.jpg)
Boas práticas para desenvolvimento
Java Script no final da página
![Page 20: O mundo da web e os seus desafios](https://reader031.vdocuments.site/reader031/viewer/2022020800/55b2db14bb61eb75588b45af/html5/thumbnails/20.jpg)
Boas práticas para desenvolvimento
Java Script no final da página
![Page 21: O mundo da web e os seus desafios](https://reader031.vdocuments.site/reader031/viewer/2022020800/55b2db14bb61eb75588b45af/html5/thumbnails/21.jpg)
Boas práticas para desenvolvimentoJava Script não minificado
![Page 22: O mundo da web e os seus desafios](https://reader031.vdocuments.site/reader031/viewer/2022020800/55b2db14bb61eb75588b45af/html5/thumbnails/22.jpg)
Boas práticas para desenvolvimentoJava Script não minificado
![Page 23: O mundo da web e os seus desafios](https://reader031.vdocuments.site/reader031/viewer/2022020800/55b2db14bb61eb75588b45af/html5/thumbnails/23.jpg)
Boas práticas para desenvolvimento
# CSS minificado
# Imagens optimizadas
# Carregue Java Script Assync
# Utiliza CSS Sprite
# Use um automatizador para fazer tudo isso
![Page 24: O mundo da web e os seus desafios](https://reader031.vdocuments.site/reader031/viewer/2022020800/55b2db14bb61eb75588b45af/html5/thumbnails/24.jpg)
Mobile First
![Page 25: O mundo da web e os seus desafios](https://reader031.vdocuments.site/reader031/viewer/2022020800/55b2db14bb61eb75588b45af/html5/thumbnails/25.jpg)
Mobile First
![Page 26: O mundo da web e os seus desafios](https://reader031.vdocuments.site/reader031/viewer/2022020800/55b2db14bb61eb75588b45af/html5/thumbnails/26.jpg)
Diferenças entre Browsers
![Page 27: O mundo da web e os seus desafios](https://reader031.vdocuments.site/reader031/viewer/2022020800/55b2db14bb61eb75588b45af/html5/thumbnails/27.jpg)
Experiência do Usuário
![Page 28: O mundo da web e os seus desafios](https://reader031.vdocuments.site/reader031/viewer/2022020800/55b2db14bb61eb75588b45af/html5/thumbnails/28.jpg)
![Page 29: O mundo da web e os seus desafios](https://reader031.vdocuments.site/reader031/viewer/2022020800/55b2db14bb61eb75588b45af/html5/thumbnails/29.jpg)
![Page 30: O mundo da web e os seus desafios](https://reader031.vdocuments.site/reader031/viewer/2022020800/55b2db14bb61eb75588b45af/html5/thumbnails/30.jpg)
Novas tecnologias
![Page 31: O mundo da web e os seus desafios](https://reader031.vdocuments.site/reader031/viewer/2022020800/55b2db14bb61eb75588b45af/html5/thumbnails/31.jpg)
FETEPS 2012
Feira Tecnológica – Centro Paula Souza
# Experiência
# Aprendizado
# Reconhecimento
![Page 32: O mundo da web e os seus desafios](https://reader031.vdocuments.site/reader031/viewer/2022020800/55b2db14bb61eb75588b45af/html5/thumbnails/32.jpg)
![Page 33: O mundo da web e os seus desafios](https://reader031.vdocuments.site/reader031/viewer/2022020800/55b2db14bb61eb75588b45af/html5/thumbnails/33.jpg)
![Page 34: O mundo da web e os seus desafios](https://reader031.vdocuments.site/reader031/viewer/2022020800/55b2db14bb61eb75588b45af/html5/thumbnails/34.jpg)
![Page 35: O mundo da web e os seus desafios](https://reader031.vdocuments.site/reader031/viewer/2022020800/55b2db14bb61eb75588b45af/html5/thumbnails/35.jpg)
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
![Page 36: O mundo da web e os seus desafios](https://reader031.vdocuments.site/reader031/viewer/2022020800/55b2db14bb61eb75588b45af/html5/thumbnails/36.jpg)
Obrigado [email protected]