HTML5 - William Dias - Davi Reine - XVII SACOMP
-
Upload
william-dias -
Category
Technology
-
view
1.019 -
download
3
description
Transcript of HTML5 - William Dias - Davi Reine - XVII SACOMP
![Page 1: HTML5 - William Dias - Davi Reine - XVII SACOMP](https://reader033.fdocumentos.com/reader033/viewer/2022052909/5597f2b91a28ab8b0f8b4713/html5/thumbnails/1.jpg)
A NOVA ONDA DA
SKYNET
![Page 2: HTML5 - William Dias - Davi Reine - XVII SACOMP](https://reader033.fdocumentos.com/reader033/viewer/2022052909/5597f2b91a28ab8b0f8b4713/html5/thumbnails/2.jpg)
Quem somos?
Davi Reinke
@davireinke
fb.me/davireinke
2
William Dias
@diaswrd
fb.me/diaswrd
Alunos de BCC pela UFPel
Desenvolvedores JavaScript na Conrad Caine
![Page 3: HTML5 - William Dias - Davi Reine - XVII SACOMP](https://reader033.fdocumentos.com/reader033/viewer/2022052909/5597f2b91a28ab8b0f8b4713/html5/thumbnails/3.jpg)
3www.conrad-caine.com
• Serviços em comunicação digital;
• Sede em Munique, Alemanha;
• Escritório de desenvolvimento em Pelotas, Brasil;
• Escritório de criação e arte em Buenos Aires,
Argentina;
• Clientes de todo o mundo;
• Atualmente com mais de 100 funcionários;
• Serviços nas áreas de consultoria, front-end,
back-end, mobile, flash, design e muito mais.
![Page 4: HTML5 - William Dias - Davi Reine - XVII SACOMP](https://reader033.fdocumentos.com/reader033/viewer/2022052909/5597f2b91a28ab8b0f8b4713/html5/thumbnails/4.jpg)
Por que não dormir nesta palestra
4
Cut the Rope
Parcycle
WebGL Formula 1
Indeed – JavaScript Developer
![Page 5: HTML5 - William Dias - Davi Reine - XVII SACOMP](https://reader033.fdocumentos.com/reader033/viewer/2022052909/5597f2b91a28ab8b0f8b4713/html5/thumbnails/5.jpg)
O que é “Web”?
“Rede Mundial de Computadores”SÉRGIO CHAPELIN
5WEB: O que é? Como funciona?
![Page 6: HTML5 - William Dias - Davi Reine - XVII SACOMP](https://reader033.fdocumentos.com/reader033/viewer/2022052909/5597f2b91a28ab8b0f8b4713/html5/thumbnails/6.jpg)
Web
“A Internet é apenas uma
moda passageira.”BILL GATES, agosto 1994
6WEB: O que é? Como funciona?
Fonte: Wikiquotes
![Page 7: HTML5 - William Dias - Davi Reine - XVII SACOMP](https://reader033.fdocumentos.com/reader033/viewer/2022052909/5597f2b91a28ab8b0f8b4713/html5/thumbnails/7.jpg)
Web
“Erramos. A partir de hoje a Microsoft é
dedicada à internet.”BILL GATES, agosto 1995
7WEB: O que é? Como funciona?
Fonte: Wikiquotes
![Page 8: HTML5 - William Dias - Davi Reine - XVII SACOMP](https://reader033.fdocumentos.com/reader033/viewer/2022052909/5597f2b91a28ab8b0f8b4713/html5/thumbnails/8.jpg)
Como funciona?
8WEB: O que é? Como funciona?
![Page 9: HTML5 - William Dias - Davi Reine - XVII SACOMP](https://reader033.fdocumentos.com/reader033/viewer/2022052909/5597f2b91a28ab8b0f8b4713/html5/thumbnails/9.jpg)
Áreas de Desenvolvimento
Front-End:HTML, CSS, JavaScript, Flash (que Deus o tenha)…
Back-End:PHP, Ruby, Java, ASP, C#...
WEB: O que é? Como funciona? 9
![Page 10: HTML5 - William Dias - Davi Reine - XVII SACOMP](https://reader033.fdocumentos.com/reader033/viewer/2022052909/5597f2b91a28ab8b0f8b4713/html5/thumbnails/10.jpg)
Como era antes?
Como era antes?
• Sobrinhos codando!!!
• <table> (PRA TUDO)
• <br> (PRA TUDO)
• Gifs (MEU DEUS)
![Page 11: HTML5 - William Dias - Davi Reine - XVII SACOMP](https://reader033.fdocumentos.com/reader033/viewer/2022052909/5597f2b91a28ab8b0f8b4713/html5/thumbnails/11.jpg)
11Como era antes?
http://evolutionofweb.appspot.com/
Evolução dos navegadores
![Page 12: HTML5 - William Dias - Davi Reine - XVII SACOMP](https://reader033.fdocumentos.com/reader033/viewer/2022052909/5597f2b91a28ab8b0f8b4713/html5/thumbnails/12.jpg)
• Primeiras especificações surgiram em 2006.
• Forte impulso na mídia em Abril de 2010, após Steve Jobs
publicar “Thoughts on Flash”. Defendendo que o HTML5 se
encaixaria melhor no desenvolvimento web e móvel daquele
momento em diante. Tornando a utilização do Adobe Flash
desnecessária.
• Já é algo completamente estável e final? Meus projetos
em HTML5 terão total compatibilidade com a especificação
daqui a alguns anos?
12HTML5
HTML5
![Page 13: HTML5 - William Dias - Davi Reine - XVII SACOMP](https://reader033.fdocumentos.com/reader033/viewer/2022052909/5597f2b91a28ab8b0f8b4713/html5/thumbnails/13.jpg)
13HTML5
Como funciona?
![Page 14: HTML5 - William Dias - Davi Reine - XVII SACOMP](https://reader033.fdocumentos.com/reader033/viewer/2022052909/5597f2b91a28ab8b0f8b4713/html5/thumbnails/14.jpg)
14HTML5
Algumas novidades
• Offline / Storage
• Realtime / Communication
• File / Hardware Access
• Semantics & Markup
• Graphics / Multimedia
![Page 15: HTML5 - William Dias - Davi Reine - XVII SACOMP](https://reader033.fdocumentos.com/reader033/viewer/2022052909/5597f2b91a28ab8b0f8b4713/html5/thumbnails/15.jpg)
15HTML5
Para facilitar sua vida
Frameworks, bibliotecas e muito mais:
• oCanvas – object based canvas drawing
• processing.js – canvas framework
• popcorn.js - event system for HTML5 media developers.
• seriously.js - real-time video compositor for the web.
• sparks.js – simple 3D JS Particles Engine
• phoneGap – HTML5 platform for mobile development
• three.js – JavaScript 3D WebGL library
• Standards – HTML5 Draft Standard
• Slides – HTML5 Rocks Slides
![Page 16: HTML5 - William Dias - Davi Reine - XVII SACOMP](https://reader033.fdocumentos.com/reader033/viewer/2022052909/5597f2b91a28ab8b0f8b4713/html5/thumbnails/16.jpg)
• Transitions
• Transforms
• Animate
• Gradients
• Shadow
16CSS3
CSS3
![Page 17: HTML5 - William Dias - Davi Reine - XVII SACOMP](https://reader033.fdocumentos.com/reader033/viewer/2022052909/5597f2b91a28ab8b0f8b4713/html5/thumbnails/17.jpg)
17O que esperar do futuro?
O que esperar do futuro?
![Page 18: HTML5 - William Dias - Davi Reine - XVII SACOMP](https://reader033.fdocumentos.com/reader033/viewer/2022052909/5597f2b91a28ab8b0f8b4713/html5/thumbnails/18.jpg)
2014HTML5 pronto
18O que esperar do futuro?
Datas
![Page 19: HTML5 - William Dias - Davi Reine - XVII SACOMP](https://reader033.fdocumentos.com/reader033/viewer/2022052909/5597f2b91a28ab8b0f8b4713/html5/thumbnails/19.jpg)
2022HTML5 implementado em todos os
navegadores
19O que esperar do futuro?
Datas
![Page 20: HTML5 - William Dias - Davi Reine - XVII SACOMP](https://reader033.fdocumentos.com/reader033/viewer/2022052909/5597f2b91a28ab8b0f8b4713/html5/thumbnails/20.jpg)
5042Fim do Internet Explorer 6
20O que esperar do futuro?
Datas
![Page 21: HTML5 - William Dias - Davi Reine - XVII SACOMP](https://reader033.fdocumentos.com/reader033/viewer/2022052909/5597f2b91a28ab8b0f8b4713/html5/thumbnails/21.jpg)
21
• Engine JavaScript ainda mais robusta
• Plugin-Free
• Presença mais significativa dos dispositivos
móveis
• Menos problemas com Cross-Browser
• Fim do IE6 (se Deus assim permitir)
21O que esperar do futuro?
Previsões
![Page 22: HTML5 - William Dias - Davi Reine - XVII SACOMP](https://reader033.fdocumentos.com/reader033/viewer/2022052909/5597f2b91a28ab8b0f8b4713/html5/thumbnails/22.jpg)
22
?22
Perguntas
![Page 23: HTML5 - William Dias - Davi Reine - XVII SACOMP](https://reader033.fdocumentos.com/reader033/viewer/2022052909/5597f2b91a28ab8b0f8b4713/html5/thumbnails/23.jpg)
23
NÃO!
JavaScript não é Java!
23
Perguntas
![Page 24: HTML5 - William Dias - Davi Reine - XVII SACOMP](https://reader033.fdocumentos.com/reader033/viewer/2022052909/5597f2b91a28ab8b0f8b4713/html5/thumbnails/24.jpg)
24
?24
Perguntas
![Page 25: HTML5 - William Dias - Davi Reine - XVII SACOMP](https://reader033.fdocumentos.com/reader033/viewer/2022052909/5597f2b91a28ab8b0f8b4713/html5/thumbnails/25.jpg)
25
Obrigado!
25
Davi Reinke | @davireinke | fb.me/davireinke
William Dias | @diaswrd | fb.me/diaswrd