Html5,css3,javascript o lugar onde sonhos se tornam realidade.
Transferir como ODP, PDF2 gostaram708 visualizações
O documento discute as principais mudanças trazidas pelo HTML5, incluindo novas tags semânticas que melhoram a compreensão do código, novas APIs que permitem acesso a mídia e arquivos, e recursos gráficos avançados. O CSS3 também é abordado, com novos recursos como animações, sombras, gradientes e media queries que melhoram a experiência do usuário.
Html5,css3,javascript o lugar onde sonhos se tornam realidade.
- 6. HTML5 Dando uma repaginada no “negócio”.
- 7. HTML5 É TOP NA BALADA! O que realmente é html5?
- 9. 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.
- 12. Tags e mais tags... # title , nav, time, figure, tel, novos inputs, novos atributos data.
- 13. #Div Papocou!
- 14. Comportamento dos browsers! Ajuda do modernizer... http://modernizr.com/
- 15. Seja amigo do back-end Somos amigos, amigos do peito, amigos de vocês...
- 16. Novas API's Acessando via javascript... “Luque aqui”.
- 17. 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.
- 18. 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.
- 19. 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.
- 20. 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ê!
- 21. 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.
- 22. 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!
- 25. Antigamente...(ontem) #CSS Css só servia para pintar quadrado...
- 26. Hoje com CSS3... Agora nós somos os “gostosões da web”.
- 27. Super poderes... Animações - Transition, animation, keyframes!
- 28. Super poderes... Animações - Transition, animation, keyframes! Sombras – Em elementos e textos..
- 29. Super poderes... Animações - Transition, animation, keyframes! Sombras – Em elementos e textos. Gradientes – Agora vai!
- 30. Super poderes... Animações - Transition, animation, keyframes! Sombras – Em elementos e textos. Gradientes – Agora vai! Media queries – Pensando no usuário...
- 31. 3D com CSS? Urih cumpadi!
- 32. Quem ganha com tudo isso?
- 34. Deixamos de ver isso....
- 35. Deixamos de ver isso....
- 36. Deixamos de ver isso....
- 37. E começamos a ver isso....
- 38. E começamos a ver isso....
- 39. E começamos a ver isso....
- 40. Então o Html5 é o futuro da internet?
- 44. “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
- 45. E o Html5? Quero saber se é ou não o futuro da internet...
- 46. “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á
- 47. 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/)