DESENVOLVIMENTO ÁGIL COM TWITTER BOOTSTRAP“Uma estrutura de front-end elegante, intuitiva e poderosa para o desenvolvimento web mais rápido e fácil.”
Flávio M. de SouzaFaculdade de Tecnologia do
Nordeste
REALIZAÇÃO
O QUE É FRAMEWORK?
“é um conjunto de classes que colaboram para realizar uma responsabilidade para um domínio de um subsistema da aplicação.”
Fayad e Schmidt
O QUE É FRAMEWORK?
é uma abstração que une códigos comuns entre vários projetos de software fornecendo uma funcionalidade genérica.
Serve para nos poupar o tempo de “REIVENTAR A RODA” diversas e diversas vezes para cada novo projeto.
Aplicação A
Aplicação B
Aplicação C
Framework
O QUE É BOOTSTRAP?
“Uma estrutura de front-end elegante, intuitiva e poderosa para o desenvolvimento web mais rápido e fácil.”
HISTÓRIA DO BOOTSTRAP
Foi desenvolvido por Mark Otto e Jacob Thomton e hoje é mantido pelos demais desenvolvedores do Twitter assim como também por colaboradores espalhados pelo mundo todo.
As equipes de desenvolvimento do Twitter utilizavam muitas bibliotecas para o desenvolvimento de interfaces e isso gerava muitas inconsistências e um nível elevado de manutenção.
HISTÓRIA DO BOOTSTRAP
O primeiro contato do Bootstrap com o público aconteceu em um evento da empresa chamado Hackweek que aconteceu entre 22 a 29 de outubro de 2010.
O projeto começou como interno e com o tempo teve-se a visão de documentar e compartilhar essa nova biblioteca.
Em agosto de 2011 foi lançado o Twitter Bootstrap como código aberto
Em fevereiro de 2012 foi o projeto mais popular do GitHub
QUEM UTILIZA O BOOTSTRAP?
QUEM UTILIZA O BOOTSTRAP?
http://globocom.github.io/bootstrap/
“But when you start to see the same layout over, and over, and over again users…Your design looks like one of 6,000 other sites out there.”
VERSÃO ATUAL 3.1.1 (31/03/2014)
http://getbootstrap.com/
PORQUE UTILIZAR O BOOTSTRAP?
O termo surgiu em 2010 quando o Ethan Marcotte (Web Design e Desenvolvedor) pensando em melhorar a sua experiência escreveu para o blog A List Apart o artigo RESPONSIVE WEB DESIGN.
No artigo Ethan apresenta Christopher Wren um arquiteto inglês que certa vez disse que arquitetura é uma arte que “objetiva a eternidade”, diferentemente da web que o que se é projetado hoje, muito em breve já estará desatualizado.
DESIGN RESPONSIVO
ÓTIMA DOCUMENTAÇÃO
COMPONENTES FUNCIONAIS
OPEN-SOURCE
COMPATIBILIDADE ENTRE NAVEGADORES
COMO FUNCIONA O BOOTSTRAP?
ESTRUTURA DE ARQUIVOS
container / container-fluid
SISTEMA DE GRID
row / row-fluid
col-lg
COMPONENTES HTML
TABLE
FORM
BUTTON
IMAGE
COMPONENTES BOOTSTRAP
GLYPHICON
DROPDOWN
NAVBAR
NAVBAR
LABEL
ALERT
PANEL
COMPONENTES BOOTSTRAP JAVASCRIPT
MODAL
TAB
TOOLTIP
COLLAPSE
CAROUSEL
DÚVIDAS?