Your SlideShare is downloading. ×
Html5,css3,javascript   o lugar onde sonhos se tornam realidade.
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Html5,css3,javascript o lugar onde sonhos se tornam realidade.

199
views

Published on

Apresentação criada para o Comsolid6.

Apresentação criada para o Comsolid6.

Published in: Technology

1 Comment
1 Like
Statistics
Notes
No Downloads
Views
Total Views
199
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
7
Comments
1
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. HTML5 Dando uma repaginada no “negócio”.
  • 2. HTML5 É TOP NA BALADA! O que realmente é html5?
  • 3. Semantics Dando significado as coisas, é a grande mudança que o html5 nos traz. Introdução de tags que melhoram a compreensão do código para o browser, leitores e robôs.
  • 4. Tags e mais tags... # title , nav, time, figure, tel, novos inputs, novos atributos data.
  • 5. #Div Papocou!
  • 6. Comportamento dos browsers! Ajuda do modernizer... http://modernizr.com/
  • 7. Seja amigo do back-end Somos amigos, amigos do peito, amigos de vocês...
  • 8. Novas API's Acessando via javascript... “Luque aqui”.
  • 9. Multimedia Você pode acessar, controlar e manipular dados de linha do tempo e estados de rede dos arquivos. Com os futuros acréscimos às APIs você poderá ler e gravar dados brutos em arquivos de áudio (API Audio Data) ou manipular legendas em vídeos (API Timed Track). Porém, o verdadeiro poder desses novos elementos HTML aparece quando eles são combinados com outras tecnologias do web stack, seja Canvas, SVG, CSS ou mesmo WebGL.
  • 10. 3D, Graphics & Effects Com a adição de tecnologias como o elemento canvas, Web GL e imagens SVG, não é mais assim! Na verdade, existem muitos novos recursos que lidam com gráficos na web: Canvas 2D, WebGL, SVG, transformações CSS 3D e SMIL.
  • 11. Offline & Storage “Web apps" podem ser inicializados de forma mais rápida e funcionar mesmo sem conexão com a internet, graças ao HTML5 app Cache, além das especificações de Local Storage, Indexed DB e File API.
  • 12. PERFORMANCE & INTEGRATION Deixe seu Web App e o conteúdo dinâmico da web mais rápido com várias técnicas e tecnologias, como Web Workers e XMLHttpRequest 2. Nenhum usuário deveria esperar por você!
  • 13. Conectivity Conectividade mais eficiente significa mais chats em tempo real, jogos mais rápidos e melhor comunicação. Web sockets e Eventos enviados pelo servidor estão empurrando (pushing) dados entre o cliente e o servidor de forma mais eficiente do que nunca.
  • 14. Device Access Com a API de geolocalização os Web Apps podem ter experiências e diferenciais ricos, independete do dispositivo. Inovações incríveis em acesso aos dispositivos estão sendo desenvolvidas: de áudio e vomo meio de entrada de dados até dados locais!
  • 15. CSS3 Deixando tudo lindão!
  • 16. Antigamente...(ontem) #CSS Css só servia para pintar quadrado...
  • 17. Hoje com CSS3... Agora nós somos os “gostosões da web”.
  • 18. Super poderes... Animações - Transition, animation, keyframes!
  • 19. Super poderes... Animações - Transition, animation, keyframes! Sombras – Em elementos e textos..
  • 20. Super poderes... Animações - Transition, animation, keyframes! Sombras – Em elementos e textos. Gradientes – Agora vai!
  • 21. Super poderes... Animações - Transition, animation, keyframes! Sombras – Em elementos e textos. Gradientes – Agora vai! Media queries – Pensando no usuário...
  • 22. 3D com CSS? Urih cumpadi!
  • 23. Quem ganha com tudo isso?
  • 24. Deixamos de ver isso....
  • 25. Deixamos de ver isso....
  • 26. Deixamos de ver isso....
  • 27. E começamos a ver isso....
  • 28. E começamos a ver isso....
  • 29. E começamos a ver isso....
  • 30. Então o Html5 é o futuro da internet?
  • 31. “Espero que vocês não sejam medrosos e abusem da Plataforma Aberta da Web. Só assim a tecnologia vai avançar e atingir a todos igualmente e democraticamente. Plante a coragem de ter coragem e não o medo que torna as pessoas reféns.” Clécio Bachini / IMASTER
  • 32. E o Html5? Quero saber se é ou não o futuro da internet...
  • 33. “O futuro da Internet está nas pessoas, na experiência que elas tem. Não adianta nada usar qualquer tecnologia top de linha, se elas não tem boa experiência com o seu projeto. HTML5 tá ai para mostrar toda sua magia, graças as pessoas...” Edmo Jeová
  • 34. Referências: Diego Eis (Locaweb) - http://tableless.com.br/ Daniel Filho (BrasilJS / Netshoes) - http://zofe.com.br/ Zeno Rocha (BrasilJS / Zofe) - http://zenorocha.com/ Bernard de Luna (COW / BrasilJS ) - http://bernarddeluna.com/ Livros: HTML5 e CSS3: Domine a web do futuro futuro. Lucas Mazza (Casa do Codigo) HTML5: A linguagem de marcação que revolucionou a web. Maujor (Maurício Samy Silva) (http://www.maujor.com/) CSS3 - Desenvolva aplicações web profissionais com o uso dos poderosos recursos de estilização das CSS3. CSS3 Maujor (Maurício Samy Silva) (http://www.maujor.com/)

×