Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Seminário Open-Source - Twitter Bootstrap

Seminário Open-Source - Twitter Bootstrap

Seminário para a matéria "Introdução à Ciência da Computação", professor Luis Fernando Aires Branco.

Tema: Open-source.
Projeto escolhido: Twitter Bootstrap
Membros:
- Daniel Filho
- Erik Henrique
- Rubens Guarnieri

3f2ebf61315d43cae59e727dab091620?s=128

Daniel Filho

October 27, 2012
Tweet

Transcript

  1. Bootstrap Estrutura para desenvolvimento front-end de forma rápida, simples, elegante,

    intuitiva e poderosa
  2. Daniel R. C. Filho Erik Henrique Rubens Guarnieri dos Santos

    Seminário para a matéria Introdução à Ciência da Computação Professor Luis Fernando Aires Branco Daniel R. C. Filho Erik Henrique Rubens Guarnieri dos Santos http://bit.ly/uam-tb
  3. O que é Twitter Bootstrap

  4. framework

  5. desenvolvimento simples

  6. interfaces e interações

  7. Facilidade em criar objetos e interações de um layout já

    prontos para o uso, como os abaixo:
  8. Origem

  9. twitter bootstrap

  10. bootstrap

  11. Para que serve

  12. novos aplicativos web

  13. interação usuário vs. web

  14. front-end html + css + javascript

  15. html

  16. css

  17. javascript

  18. Licença

  19. projeto (código) apache 2.0

  20. documentação creative commons 3.0

  21. Quem usa

  22. scoutzie.com

  23. todomvc.com

  24. ooomf.com

  25. kippt.com

  26. dotvita.com

  27. living.is

  28. mais projetos builtwithbootstrap.com

  29. Quem mantém

  30. jacob thornton || @fat mark otto || @mdo

  31. Como é mantido

  32. dois branches master *-wip

  33. Vantagens

  34. agilidade na criação

  35. funcionalidades prontas para uso

  36. Modal

  37. Sistemas de abas:

  38. Sistema de “popovers”:

  39. Alertas estilizados:

  40. responsivo

  41. Página web padrão

  42. iPad

  43. iPhone 5

  44. iPhone (4S || <)

  45. Boas práticas

  46. html dois espaços nunca tab aspas duplas

  47. css múltiplas linhas espaço depois de : usar ; no

    fim de linha
  48. twitter.github.com/ bootstrap http://bit.ly/uam-tb