Baixar para ler offline
Carregado porGiolvani de Matos
HTML 5 & JavaScript
O documento aborda HTML5 e JavaScript com foco em startups, explicando a estrutura básica do HTML e os conceitos de doctype e motores de renderização. Também menciona novos elementos do HTML5 e a utilização de bibliotecas polyfill para compatibilidade. Além disso, enfatiza a importância de ferramentas como Bootstrap e Bower na facilitação do desenvolvimento web.
Mais conteúdo relacionado
HTML 5 & JavaScript
- 1. HTML 5 &JAVASCRIPT PARA STARTUPS
- 2. Giolvani de Matos •Empreendedor • Desenvolvedor 8+ anos • Desenvolvedor PHP, .NET... • Cofundador do Laminapp • Colaborador no Iguassu Startups https://github.com/giolvani http://linkedin.com/in/giolvani
- 3. O que éstartup?
- 5. HTML – história? •Hypertext Markup Language • Começou tom Tim Bernes-Lee • Ficou popular com o Mosaic • Mantido pela W3C
- 6.
- 7. Estrutura básica <!DOCTYPE HTML> <htmllang=“pt-br”> <head> <meta charset=“utf-8”> <title>Page title</title> </head> <body> <p>content here...</p> </body> </html>
- 8. Doctype • HTML 5 <!DOCTYPEhtml> • HTML 4.01 Transitional <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN“ "http://www.w3.org/TR/html4/loose.dtd"> • XHTML 1.0 Transitional <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> • XHTML 1.1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> http://www.w3schools.com/tags/tag_doctype.asp
- 9. Motores de renderização MotorBrowser Webkit Safari, Google Chrome Gecko Firefox, Mozilla, Camino Trident Internet Explorer 4 ao 9 Presto Opera 7 ao 10 Blink Google Chrome
- 11. Novos elementos • section •nav • article • aside • hgroup • footer • time http://www.w3c.br/cursos/html5/conteudo/capitulo5.html https://developer.mozilla.org/pt-BR/docs/Web/HTML/HTML5/HTML5_element_list
- 12. Polyfill • Bibliotecas querenderizam (o mais próximo possível) um elemento HTML 5, que ainda não tem suporte nativo do navegador. https://en.wikipedia.org/wiki/Polyfill
- 13. Quais? • Modernirz • html5shiv •JSON2 • es5-shim • FlashCanvas ... https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills
- 14.
- 15.
- 17.
- 18.
- 19.
- 20. write less, domore.
- 21.
- 24.