Bootstrap
Estrutura para desenvolvimento front-end de
forma rápida, simples, elegante, intuitiva e
poderosa
Slide 2
Slide 2 text
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
Slide 3
Slide 3 text
O que é
Twitter Bootstrap
Slide 4
Slide 4 text
framework
Slide 5
Slide 5 text
desenvolvimento
simples
Slide 6
Slide 6 text
interfaces e
interações
Slide 7
Slide 7 text
Facilidade em criar objetos e
interações de um layout já prontos
para o uso, como os abaixo:
Slide 8
Slide 8 text
Origem
Slide 9
Slide 9 text
twitter bootstrap
Slide 10
Slide 10 text
bootstrap
Slide 11
Slide 11 text
Para que serve
Slide 12
Slide 12 text
novos aplicativos
web
Slide 13
Slide 13 text
interação
usuário vs. web
Slide 14
Slide 14 text
front-end
html + css + javascript
Slide 15
Slide 15 text
html
Slide 16
Slide 16 text
css
Slide 17
Slide 17 text
javascript
Slide 18
Slide 18 text
Licença
Slide 19
Slide 19 text
projeto (código)
apache 2.0
Slide 20
Slide 20 text
documentação
creative commons 3.0
Slide 21
Slide 21 text
Quem usa
Slide 22
Slide 22 text
scoutzie.com
Slide 23
Slide 23 text
todomvc.com
Slide 24
Slide 24 text
ooomf.com
Slide 25
Slide 25 text
kippt.com
Slide 26
Slide 26 text
dotvita.com
Slide 27
Slide 27 text
living.is
Slide 28
Slide 28 text
mais projetos
builtwithbootstrap.com
Slide 29
Slide 29 text
Quem mantém
Slide 30
Slide 30 text
jacob thornton || @fat
mark otto || @mdo
Slide 31
Slide 31 text
Como é mantido
Slide 32
Slide 32 text
dois branches
master
*-wip
Slide 33
Slide 33 text
Vantagens
Slide 34
Slide 34 text
agilidade
na criação
Slide 35
Slide 35 text
funcionalidades
prontas para uso
Slide 36
Slide 36 text
Modal
Slide 37
Slide 37 text
Sistemas de abas:
Slide 38
Slide 38 text
Sistema de “popovers”:
Slide 39
Slide 39 text
Alertas estilizados:
Slide 40
Slide 40 text
responsivo
Slide 41
Slide 41 text
Página web padrão
Slide 42
Slide 42 text
iPad
Slide 43
Slide 43 text
iPhone 5
Slide 44
Slide 44 text
iPhone (4S || <)
Slide 45
Slide 45 text
Boas práticas
Slide 46
Slide 46 text
html
dois espaços
nunca tab
aspas duplas
Slide 47
Slide 47 text
css
múltiplas linhas
espaço depois de :
usar ; no fim de linha