HTML 5 & JavaScript

255 visualizações

Publicada em

Quando você tem uma startup, a última coisa que quer é perder tempo na hora do desenvolvimento dos aplicativos, então aqui temos uma breve descrição de tecnologias e ferramentas que ajudam no rápido desenvolvimento do seu aplicativo.

Publicada em: Software
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
255
No SlideShare
0
A partir de incorporações
0
Número de incorporações
10
Ações
Compartilhamentos
0
Downloads
3
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

HTML 5 & JavaScript

  1. 1. HTML 5 & JAVASCRIPT PARA STARTUPS
  2. 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. 3. O que é startup?
  4. 4. HTML – história? • Hypertext Markup Language • Começou tom Tim Bernes-Lee • Ficou popular com o Mosaic • Mantido pela W3C
  5. 5. Guru http://w3schools.com/html
  6. 6. Estrutura básica <!DOCTYPE HTML> <html lang=“pt-br”> <head> <meta charset=“utf-8”> <title>Page title</title> </head> <body> <p>content here...</p> </body> </html>
  7. 7. Doctype • HTML 5 <!DOCTYPE html> • 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
  8. 8. Motores de renderização Motor Browser Webkit Safari, Google Chrome Gecko Firefox, Mozilla, Camino Trident Internet Explorer 4 ao 9 Presto Opera 7 ao 10 Blink Google Chrome
  9. 9. 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
  10. 10. Polyfill • Bibliotecas que renderizam (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
  11. 11. Quais? • Modernirz • html5shiv • JSON2 • es5-shim • FlashCanvas ... https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills
  12. 12. Posso usar? http://html5please.com/
  13. 13. Mas, preciso criar tudo do zero?
  14. 14. Bootstrap CSS
  15. 15. HTML 5 Boilerplate
  16. 16. JavaScript
  17. 17. write less, do more.
  18. 18. bower
  19. 19. Obrigado! giolvani@hotmail.com

×