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
A NOVA ONDA DA
SKYNET
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
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.
Por que não dormir nesta palestra
4
Cut the Rope
Parcycle
WebGL Formula 1
Indeed – JavaScript Developer
O que é “Web”?
“Rede Mundial de Computadores”SÉRGIO CHAPELIN
5WEB: O que é? Como funciona?
Web
“A Internet é apenas uma
moda passageira.”BILL GATES, agosto 1994
6WEB: O que é? Como funciona?
Fonte: Wikiquotes
Web
“Erramos. A partir de hoje a Microsoft é
dedicada à internet.”BILL GATES, agosto 1995
7WEB: O que é? Como funciona?
Fonte: Wikiquotes
Como funciona?
8WEB: O que é? Como funciona?
Á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
Como era antes?
Como era antes?
• Sobrinhos codando!!!
• <table> (PRA TUDO)
• <br> (PRA TUDO)
• Gifs (MEU DEUS)
11Como era antes?
http://evolutionofweb.appspot.com/
Evolução dos navegadores
• 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
13HTML5
Como funciona?
14HTML5
Algumas novidades
• Offline / Storage
• Realtime / Communication
• File / Hardware Access
• Semantics & Markup
• Graphics / Multimedia
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
• Transitions
• Transforms
• Animate
• Gradients
• Shadow
16CSS3
CSS3
17O que esperar do futuro?
O que esperar do futuro?
2014HTML5 pronto
18O que esperar do futuro?
Datas
2022HTML5 implementado em todos os
navegadores
19O que esperar do futuro?
Datas
5042Fim do Internet Explorer 6
20O que esperar do futuro?
Datas
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
22
?22
Perguntas
23
NÃO!
JavaScript não é Java!
23
Perguntas
24
?24
Perguntas
25
Obrigado!
25
Davi Reinke | @davireinke | fb.me/davireinke
William Dias | @diaswrd | fb.me/diaswrd