F Tecnology
- Framework ou biblioteca desenvolvimento
- Modular
- Componentes ricos
- CSS + JS
- Grid System
- Responsivo
- Mobile-first
- Amplamente utilizada
- Cross browser
- Biblioteca: oferece objetos / classes prontas para uso
- Framework: oferece um conjunto de bibliotecas
- Biblioteca: recurso para trabalhar
- Framework: metodologia de trabalho
- Biblioteca: te leva ao destino
- Framework: te ensina a chegar
- Metodologias: Scrum, Kanban, XP
- Entrega de valor para o negócio
- Ciclos evolutivos
- Não se repita
- Separar grandes projetos em pequenas entregas
- MVP - Mínimo Produto Viável
- Estar envolvido x comprometido
- Uso simples
- Menos código
- Abstração de estilos
- Documentação completa: https://getbootstrap.com/
- Uso excessivo
- Override de estilos (sobreposição)
- Abstração de estilos
<a class="btn btn-lg">Botão</a>
<a class="botao botao-grande">Botão</a>
<style>
html {
font-size: 62.5%
}
.botao {
background-color: #ccc;
border-radius: 2px;
display: block;
font-family: sans-serif;
font-size: 1.6rem;
padding: 1rem 2rem;
margin: 5px auto;
...
}
.botao.grande {
font-size: 2rem;
}
.botao:hover { ... }
.botao:active { ... }
.botao:visited { ... }
</style>