Bootstrap

337 visualizações

Publicada em

Esta palestra foi apresentada na Faculdade dos Guararapes na cidade de Jaboatão dos Guararapes-PE.
Essa palestra tem como objetivo mostrar os primeiros passos para quem deseja utilizar o bootstrap e também mostrar um pouco de todas as facilidades que o bootstrap nos proporciona na construção do front end.

Publicada em: Tecnologia
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
337
No SlideShare
0
A partir de incorporações
0
Número de incorporações
131
Ações
Compartilhamentos
0
Downloads
2
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Bootstrap

  1. 1. BOOTSTRAP DOUGLAS QUEIROZ
  2. 2. O QUE É O BOOTSTRAP? Framework HTML CSS JS Framework mais popular Open Source One framework, everyone devices Full features
  3. 3. POR ONDE COMEÇAR? Baixar Importar Usar
  4. 4. BAIXAR 1. Endereço: http://getbootstrap.com/ 2. Qual devo baixar (Bootstrap, Source Code ou Sass)? • Bootstrap: Essencial • Souce Code: Essencial + Documentação • Sass: Evolução do CSS
  5. 5. IMPORTAR • Diferença entre bootstrap.min e bootstrap; • Importar o CSS(bootstrap.min.css ); • Importar o JQuery(jquery.min.js ); • Importar o JavaScript (bootstrap.min.js);
  6. 6. USAR • Hello, world! • Input text (class = form-control) • Buttuns (class = btn, btn-primary, btn-warning ...) • Formulário • Tabela (class = table) • Site responsivo (class = container) • Dialog • Muito mais
  7. 7. COMUNIDADE • Blog official: http://blog.getbootstrap.com/; • StackOverflow tag twitter-bootstrap-3; • Twitter @getbootstrap; • Outros;
  8. 8. BIBLIOGRAFIA • Fonte: http://getbootstrap.com/
  9. 9. EXERCÍCIO • Fazer um formulário • Ao clicar no salvar mostrar um popup • Ao clicar no cancelar ir para uma outra página • Utilizar botões primary para o salvar e danger para cancelar • Utilizar layout responsivo

×