HTML5 & JavaScript = App Mobile

Presentation used for WWVale

Transcript

1. HTML5 & JavaScript = App Mobile HTML5 & JavaScript = App Mobile Velocidade Produtividade Legibilidade
2. E Q uem Sou Eu? Miller Augusto #JavaScript #J2EE #HTML5 #DOM3 #MySQL #CSS3
3. Tópicos Abordados - HTML5 - dataset - localStorage - sessionStorage - prototype - registerElement
4. O HTML5 de cada Dia! - HTML + novas tags - CSS3 - JavaScript / DOM3
5. HTML + novas tags O delimitador: <!DOCTYPE HTML> https://developer.mozilla.org/pt-BR/docs/HTML/HTML5/HTML5_element_list
6. E o que mais... DATASET prototype
7. Os Datasets: DOMStringMap {fone: "12345", name: "Maria"}
8. Um pouco ++++...
9. Um pouco ++++...
10. prototype
11. (-) prototype
12. (+) prototype
13. X <> prototype
14. X <> prototype
15. MÉTODOS SÃO DUPLICADOS E NÃO PODEM SER REAPROVEITADOS. PROTOTYPE SÃO ESTÁTICOS E PODEM SER REAPROVEITADOS, OCUPANDO UMA SÓ POSIÇÃO DE MEMÓRIA.
16. Herança .
17. Herança ..
18. Herança ...
19. Coisa de Louco! Sinta a força que existe no prototype !
20. Coisa de Louco! Calma aí, Controller ?!?!? Mais isto é um MVC completo meu pai? *&%#$ PQP *&%#$
21. localStorage // sessionStorage
22. <> CASO REAL Exemplo de caso de uso documentado no Developer Mozilla
23. eveloper M ozilla
24. .'. E porque não ir mais além? Object.create(HTMLElement.prototype) Vamos criar nossos próprios elementos HTML5 usando uma interface de prototype!
25. Que tal uma biblioteca WWVale?
26. Preparação do prototype Utilizamos a interface HTMLElement
27. HTML5 + CSS3 + DOM3 + Metas (format-detection, handheldfriendly & viewport) = Mobile APP
28. Final Feliz!!! HTML5 + CSS3 + DOM3 + Metas(format-detection, handheldfriendly & viewport) = Mobile APP
29. http://clevercode.com.br/ miller@clevercode.com.br +MillerAugusto