Skip to content

Latest commit

 

History

History
82 lines (67 loc) · 1.43 KB

boostrap.md

File metadata and controls

82 lines (67 loc) · 1.43 KB

Bootsrap

  • Framework ou biblioteca desenvolvimento
  • Modulor
  • COmponentes ricos
  • CSS e JavaScript
  • Grid System
  • Responsivo
  • Mobile-first
  • Amplamente utilizada
  • Cross browser

Biblioteca x Framework

  • Biblioteca:
    • oferece objetos / classes prontas para uso
    • recurso para trabalhar
    • te leva ao destino
  • Framework:
    • oferece um conjunto de bibliotecas
    • metodologia de trabalho
    • te ensina a chegar

Desenvolvimento ágil

  • 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

Vantagens

Desvantagens

  • Uso excessivo
  • Override de estilos (sobreposição)
  • Abstração de estilos

Sem Bootstrap

<a class="botao boto-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>

Com Bootstrap

    <a class="btn btn-lg">Botão</a>

Modal

  • Um conteúdo que é exibido na página, tendo interação com botões por exemplo