o flash estÁ morto! programe em html5

35
O FLASH E O HTML5 RENATO MELO - 2014

Upload: renato-melo

Post on 13-Jun-2015

201 views

Category:

Design


1 download

DESCRIPTION

Com a era mobile, o Flash está morto! Nessa aula você vai conferir o incrível poder do HTML5!

TRANSCRIPT

Page 1: O FLASH ESTÁ MORTO! PROGRAME EM HTML5

O FLASHE O HTML5RENATO MELO - 2014

Page 2: O FLASH ESTÁ MORTO! PROGRAME EM HTML5
Page 3: O FLASH ESTÁ MORTO! PROGRAME EM HTML5
Page 4: O FLASH ESTÁ MORTO! PROGRAME EM HTML5

POR QUE MORREU?

Page 5: O FLASH ESTÁ MORTO! PROGRAME EM HTML5
Page 6: O FLASH ESTÁ MORTO! PROGRAME EM HTML5
Page 7: O FLASH ESTÁ MORTO! PROGRAME EM HTML5

IE 10 não roda flash no touch

Page 8: O FLASH ESTÁ MORTO! PROGRAME EM HTML5

“O MUNDO ESTÁ MUDANDO PARA O

HTML5”

Page 9: O FLASH ESTÁ MORTO! PROGRAME EM HTML5

“NOS ÚLTIMOS 10 ANOS, A WEB NUNCA TEVE ESTE NÍVEL DE

TRANSFORMAÇÃO, ESTE NÍVEL DE ACELERAÇÃO. ESTAMOS FICANDO

MAIORES COM O HTML5”

Page 10: O FLASH ESTÁ MORTO! PROGRAME EM HTML5

“SE VOCÊ QUER FAZER ALGO UNIVERSAL, NÃO HÁ NENHUMA DÚVIDA: O MUNDO ESTÁ MUDANDO PARA O HTML5. ISTO É FATO! O MUNDO ESTÁ EMPURRANDO O

HTML5 E NÓS TAMBÉM.”

Page 11: O FLASH ESTÁ MORTO! PROGRAME EM HTML5
Page 12: O FLASH ESTÁ MORTO! PROGRAME EM HTML5

COM O FIM DO FLASH, A

LINGUAGEM É FORMADA

POR:

HTMLCSS

JAVA SCRIPTPHP

Page 13: O FLASH ESTÁ MORTO! PROGRAME EM HTML5

ANTIGAMENTE NÃO HAVIA UM PADRÃO. CADA NAVEGADOR FAZIA O SEU PRÓPRIO.

Hoje! Tudo padronizado!

Page 14: O FLASH ESTÁ MORTO! PROGRAME EM HTML5

PORÉM, O JAVA SURGIU EM 95 NO NETSCAPE COM O NOME DE MOCHA, ALTERANDO DEPOIS PARA LIVESCRIPT E JAVASCRIPT.

E o Java passou por sérios problemas!

Page 15: O FLASH ESTÁ MORTO! PROGRAME EM HTML5

A MICROSOFT APRIMOROU O JAVASCRIPT, DA SUA MANEIRA, E LANÇOU COMO JSCRIPT NO INTERNET EXPLORER.

Page 16: O FLASH ESTÁ MORTO! PROGRAME EM HTML5

EM 96, A NETSCAPE CRIA A PROPOSTA DE UNIFICAR O PADRÃO, COLOCANDO O JAVASCRIPT COMO LINGUAGEM OFICIAL.

Page 17: O FLASH ESTÁ MORTO! PROGRAME EM HTML5

NESTA ÉPOCA, O JAVASCRIPT SERVIA APENAS PARA ABRIR POPUPS E VALIDAR FORMULÁRIOS.

Page 18: O FLASH ESTÁ MORTO! PROGRAME EM HTML5

ASSIM COMO NO CSS, VOCÊ COLOCA NO CÓDIGO O LINK DO ARQUIVO. A DIFERENÇA É QUE ALGUNS CÓDIGOS VÃO JUNTO NO HTML.

Page 19: O FLASH ESTÁ MORTO! PROGRAME EM HTML5
Page 20: O FLASH ESTÁ MORTO! PROGRAME EM HTML5

O JQUERY É UMA BIBLIOTECA DO JAVASCRIPT E POSSUI A PROPOSTA DE “ESCREVER MENOS E FAZER MAIS”

Page 21: O FLASH ESTÁ MORTO! PROGRAME EM HTML5

ELE É COMPATÍVEL COM TODOS OS NAVEGADORES

Page 22: O FLASH ESTÁ MORTO! PROGRAME EM HTML5

É UTILIZADO POR EMPRESAS COMO GOOGLE, IBM E ATÉ MESMO A MICROSOFT

Page 23: O FLASH ESTÁ MORTO! PROGRAME EM HTML5

O JQUERY MANIPULA DE MANEIRA MUITO FÁCIL OS CÓDIGOS HTML

Page 24: O FLASH ESTÁ MORTO! PROGRAME EM HTML5

EXEMPLOS DE SITES EM FLASH

Page 25: O FLASH ESTÁ MORTO! PROGRAME EM HTML5

http://www.martinanderle.de/#/portfolio

Page 26: O FLASH ESTÁ MORTO! PROGRAME EM HTML5

http://www.rolando.com.br/site

Page 27: O FLASH ESTÁ MORTO! PROGRAME EM HTML5

http://waterlife.nfb.ca/#/

Page 28: O FLASH ESTÁ MORTO! PROGRAME EM HTML5

EXEMPLOS DE SITES EM HTML5

Page 29: O FLASH ESTÁ MORTO! PROGRAME EM HTML5

http://www.officialwaynerooney.com/

Page 30: O FLASH ESTÁ MORTO! PROGRAME EM HTML5

http://smultronlab.com/

Page 31: O FLASH ESTÁ MORTO! PROGRAME EM HTML5

http://slidesjs.com/

Page 32: O FLASH ESTÁ MORTO! PROGRAME EM HTML5

http://tympanus.net/Tutorials/ParallaxSlider/

Page 33: O FLASH ESTÁ MORTO! PROGRAME EM HTML5

http://jackrugile.com/jrumble/

Page 34: O FLASH ESTÁ MORTO! PROGRAME EM HTML5

http://www.solitairey.com/

Page 35: O FLASH ESTÁ MORTO! PROGRAME EM HTML5

FACEBOOK.COM/RENATOMELOMKT

[email protected]