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