A NOVA ONDA DA    SKYNET
Quem somos?    Davi Reinke                 William Dias     @davireinke                  @diaswrd   fb.me/davireinke      ...
• Serviços em comunicação digital;• Sede em Munique, Alemanha;• Escritório de desenvolvimento em Pelotas, Brasil;• Escritó...
Por que não dormir nesta palestraCut the RopeParcycleWebGL Formula 1Indeed – JavaScript Developer                         ...
O que é “Web”?“Rede Mundial de Computadores”                            SÉRGIO CHAPELIN                WEB: O que é? Como ...
Web“A Internet é apenas uma      moda passageira.”           BILL GATES, agosto 1994                       Fonte: Wikiquot...
Web“Erramos. A partir de hoje a Microsoft é                   dedicada à internet.”                           BILL GATES, ...
Como funciona?   WEB: O que é? Como funciona?   8
Áreas de DesenvolvimentoFront-End:HTML, CSS, JavaScript, Flash (que Deus o tenha)…Back-End:PHP, Ruby, Java, ASP, C#...    ...
Como era antes?          • Sobrinhos codando!!!          • <table> (PRA TUDO)          • <br> (PRA TUDO)          • Gifs (...
Evolução dos navegadoreshttp://evolutionofweb.appspot.com/                               Como era antes?   11
HTML5• Primeiras especificações surgiram em 2006.• Forte impulso na mídia em Abril de 2010, após Steve Jobspublicar “Thoug...
Como funciona?      HTML5      13
Algumas novidades•   Offline / Storage•   Realtime / Communication•   File / Hardware Access•   Semantics & Markup•   Grap...
Para facilitar sua vidaFrameworks, bibliotecas e muito mais:•   oCanvas – object based canvas drawing•   processing.js – c...
CSS3•   Transitions•   Transforms•   Animate•   Gradients•   Shadow                   CSS3   16
O que esperar do futuro?        O que esperar do futuro?   17
Datas  2014HTML5 pronto  O que esperar do futuro?   18
Datas           2022HTML5 implementado em todos os         navegadores           O que esperar do futuro?   19
Datas         5042Fim do Internet Explorer 6         O que esperar do futuro?   20
Previsões• Engine JavaScript ainda mais robusta• Plugin-Free• Presença mais significativa dos dispositivos  móveis• Menos ...
Perguntas ?            22
Perguntas        NÃO!JavaScript não é Java!                         23
Perguntas ?            24
Obrigado!Davi Reinke | @davireinke | fb.me/davireinke   William Dias | @diaswrd | fb.me/diaswrd                           ...
Upcoming SlideShare
Loading in …5
×

HTML5 - William Dias - Davi Reine - XVII SACOMP

1,223 views

Published on

Apresentação sobre HTML5 e CSS3 realizada em 29/05 na XVII SACOMP.

Por:
William Dias @diaswrd
Davi Reinke @davireinke

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,223
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Davi
  • Faculdade– DaviAddplus – WilliamConrad - Davi
  • DaviSHOW REEL
  • William
  • Davi
  • William
  • William
  • William
  • William
  • William
  • Davi Primeiras especificações surgiram em 1999; Ainda não é completamente funcional nos navegadores atuais;
  • Davi e William
  • HTML5 - William Dias - Davi Reine - XVII SACOMP

    1. 1. A NOVA ONDA DA SKYNET
    2. 2. Quem somos? Davi Reinke William Dias @davireinke @diaswrd fb.me/davireinke fb.me/diaswrdAlunos de BCC pela UFPelDesenvolvedores JavaScript na Conrad Caine 2
    3. 3. • 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. www.conrad-caine.com 3
    4. 4. Por que não dormir nesta palestraCut the RopeParcycleWebGL Formula 1Indeed – JavaScript Developer 4
    5. 5. O que é “Web”?“Rede Mundial de Computadores” SÉRGIO CHAPELIN WEB: O que é? Como funciona? 5
    6. 6. Web“A Internet é apenas uma moda passageira.” BILL GATES, agosto 1994 Fonte: Wikiquotes WEB: O que é? Como funciona? 6
    7. 7. Web“Erramos. A partir de hoje a Microsoft é dedicada à internet.” BILL GATES, agosto 1995 Fonte: Wikiquotes WEB: O que é? Como funciona? 7
    8. 8. Como funciona? WEB: O que é? Como funciona? 8
    9. 9. Áreas de DesenvolvimentoFront-End:HTML, CSS, JavaScript, Flash (que Deus o tenha)…Back-End:PHP, Ruby, Java, ASP, C#... WEB: O que é? Como funciona? 9
    10. 10. Como era antes? • Sobrinhos codando!!! • <table> (PRA TUDO) • <br> (PRA TUDO) • Gifs (MEU DEUS) Como era antes?
    11. 11. Evolução dos navegadoreshttp://evolutionofweb.appspot.com/ Como era antes? 11
    12. 12. HTML5• Primeiras especificações surgiram em 2006.• Forte impulso na mídia em Abril de 2010, após Steve Jobspublicar “Thoughts on Flash”. Defendendo que o HTML5 seencaixaria melhor no desenvolvimento web e móvel daquelemomento em diante. Tornando a utilização do Adobe Flashdesnecessária.• Já é algo completamente estável e final? Meus projetosem HTML5 terão total compatibilidade com a especificaçãodaqui a alguns anos? HTML5 12
    13. 13. Como funciona? HTML5 13
    14. 14. Algumas novidades• Offline / Storage• Realtime / Communication• File / Hardware Access• Semantics & Markup• Graphics / Multimedia HTML5 14
    15. 15. Para facilitar sua vidaFrameworks, 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 HTML5 15
    16. 16. CSS3• Transitions• Transforms• Animate• Gradients• Shadow CSS3 16
    17. 17. O que esperar do futuro? O que esperar do futuro? 17
    18. 18. Datas 2014HTML5 pronto O que esperar do futuro? 18
    19. 19. Datas 2022HTML5 implementado em todos os navegadores O que esperar do futuro? 19
    20. 20. Datas 5042Fim do Internet Explorer 6 O que esperar do futuro? 20
    21. 21. Previsões• 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) O que esperar do futuro? 21
    22. 22. Perguntas ? 22
    23. 23. Perguntas NÃO!JavaScript não é Java! 23
    24. 24. Perguntas ? 24
    25. 25. Obrigado!Davi Reinke | @davireinke | fb.me/davireinke William Dias | @diaswrd | fb.me/diaswrd 25

    ×