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/davireinkeWilliam Dias | @diaswrd | fb.me/diaswrd