A NOVA ONDA DASKYNET
2
Quem somos?
Davi Reinke@davireinke
fb.me/davireinke
William Dias@diaswrd
fb.me/diaswrd
Alunos de BCC pela UFPelDesenvolvedores 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.
4
Por que não dormir nesta palestra
Cut the Rope Parcycle WebGL Formula 1Indeed – JavaScript Developer
5
O que é “Web”?
“Rede Mundial de Computadores”SÉRGIO CHAPELIN
WEB: O que é? Como funciona?
6
Web
“A Internet é apenas uma moda
passageira.”BILL GATES, agosto 1994
WEB: O que é? Como funciona?
Fonte: Wikiquotes
7
Web
“Erramos. A partir de hoje a Microsoft é dedicada à internet.”
BILL GATES, agosto 1995
WEB: O que é? Como funciona?
Fonte: Wikiquotes
8
Como funciona?
WEB: 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)
Como era antes? 11
http://evolutionofweb.appspot.com/
Evolução dos navegadores
HTML5 12
• 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?
HTML5
HTML5 13
Como funciona?
HTML5 14
Algumas novidades
• Offline / Storage• Realtime / Communication• File / Hardware Access• Semantics & Markup• Graphics / Multimedia
HTML5 15
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
CSS3 16
• Transitions• Transforms• Animate• Gradients• Shadow
CSS3
17O que esperar do futuro?
O que esperar do futuro?
18
2014HTML5 pronto
O que esperar do futuro?
Datas
19
2022HTML5 implementado em todos
os navegadores
O que esperar do futuro?
Datas
20
5042Fim do Internet Explorer 6
O 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
Top Related