Curso de Bootstrap

Aprenda a criar páginas HTML mais interessantes com este framework.

O Bootstrap é um recurso muito interessante que permite com que os profissionais que trabalham com desenvolvimento web poupem tempo utilizando estruturas de CSS para a criação de sites e aplicações responsivas. Com isso, muitos códigos estão prontos para que eles possam ser inseridos nas páginas, apenas com modificações pontuais para atender determinadas especificidades do projeto.

Este framework foi desenvolvido originalmente para o Twitter por um grupo de desenvolvedores liderados por Mark Otto e Jacob Thornton Logo e se tornou uma das estruturas de front-end e projetos de código aberto mais populares do mundo. Ele se tornou muito popular depois de ser disponibilizado para a comunidade inteira de forma gratuita.

Aprenda mais sobre o Bootstrap neste curso online e gratuito. Não deixe de conferir também este outro curso de Bootstrap.

Sobre o curso

Neste curso online e gratuito os alunos poderão aprender mais sobre como utilizar o Bootstrap nos seus projetos de desenvolvimento web. O curso ensina desde os primeiros passos, com a instalação dele no projeto, e dá diversos exemplos de como utilizar os elementos pré-definidos, seguindo as orientações da própria equipe de desenvolvimento.

Estrutura do curso

Introdução ao Bootstrap. Como usar Bootstrap [Bootstrap] – Curso de Bootstrap – Aula 01

Como usar a classe conteiner em Bootstrap [Conteiner Bootstrap] – Curso de Bootstrap – Aula 02

Trabalhando com GRIDS Bootstrap, classes col e row [grid Bootstrap] – Curso de Bootstrap – Aula 03

Trabalhando com GRIDS em Bootstrap #P2 [grid Bootstrap] – Curso de Bootstrap – Aula 04

Formatando fonte/tipografia em bootstrap [tipografia Bootstrap] – Curso de Bootstrap – Aula 05

Usando Cores em Bootstrap [Cores Bootstrap] – Curso de Bootstrap – Aula 06

Classes para tabelas em bootstrap [Tabelas Bootstrap] – Curso de Bootstrap – Aula 07

Classes para Imagens em bootstrap [Imagens Bootstrap] – Curso de Bootstrap – Aula 08

Criando o Jumbotron no Bootstratp 3 no 5 [Jumbotron Bootstrap] – Curso de Bootstrap – Aula 09

Classes para alertas no Bootstratp [Alertas Bootstrap] – Curso de Bootstrap – Aula 10

Classes para botões no Bootstratp [botões Bootstrap] – Curso de Bootstrap – Aula 11

Grupo de botões no Bootstratp [botões Bootstrap] – Curso de Bootstrap – Aula 12

Alinhamento e posicionamento em Bootstrap [Center Bootstrap] – Curso de Bootstrap – Aula 13

Colunas em Bootstrap, alinhamento, posicionamento [col Bootstrap] – Curso de Bootstrap – Aula 14

Bootstrap Badge [Badge Bootstrap] – Curso de Bootstrap – Aula 15

Classes para ProgressBar em Bootstrap [ProgressBar Bootstrap] – Curso de Bootstrap – Aula 16

Spinner de load em Bootstrap [spinner Bootstrap] – Curso de Bootstrap – Aula 17

Formatar paginação em Bootstrap [Paginação Bootstrap] – Curso de Bootstrap – Aula 18

ListGroup em Bootstrap [ListGroup Bootstrap] – Curso de Bootstrap – Aula 19

Cards em Bootstrap [Card Bootstrap] – Curso de Bootstrap – Aula 20

Menu DropDown em Bootstrap [DropDown Bootstrap] – Curso de Bootstrap – Aula 21

Collapse em Bootstrap [Collapse Bootstrap] – Curso de Bootstrap – Aula 22

Nav em Bootstrap, Criando elementos de navegação #P1 [Nav Bootstrap] – Curso de Bootstrap – Aula 23

Nav com DropDOWN em Bootstrap #P2 [Nav Bootstrap] – Curso de Bootstrap – Aula 24

Navegação Dinâmica em Bootstrap #P3 [Nav Bootstrap] – Curso de Bootstrap – Aula 25

Classe Navbar em Bootstrap #P4 [Navbar Bootstrap] – Curso de Bootstrap – Aula 26

Menu Sandwich [Menu Sanduiche em Bootstrap] – Curso de Bootstrap – Aula 27

Formatar Campo de Pesquisa na NAVBAR [Bootstrap] – Curso de Bootstrap – Aula 28

Corousel em Bootstrap [Banner Rotativo em Bootstrap] – Curso de Bootstrap – Aula 29

Adicionando texto ao Corousel em Bootstrap [Carousel Bootstrap] – Curso de Bootstrap – Aula 30

Como criar Janela Modal em Bootstrap [Janela Modal em Bootstrap] – Curso de Bootstrap – Aula 31

Offcanvas em Bootstrap [Janela Lateral em Bootstrap] – Curso de Bootstrap – Aula 32

Classe Border e suas variações em Bootstrap [Border em Bootstrap] – Curso de Bootstrap – Aula 33

Classes float-left, float-right e clearfix em Bootstrap [Bootstrap] – Curso de Bootstrap – Aula 34

Classes para largura, altura e centralizar em Bootstrap [Bootstrap] – Curso de Bootstrap – Aula 35

Espaçamento interno [padding] e externo [margin] em [Bootstrap] – Curso de Bootstrap – Aula 36

Classes [shadow] para aplicar sombra em [Bootstrap] – Curso de Bootstrap – Aula 37

Classe [ratio] configurando o aspect ratio de vídeos em [Bootstrap] – Curso de Bootstrap – Aula 38

Display Flex [d-flex] em [Bootstrap] – Curso de Bootstrap – Aula 39

Alinhamento Horizontal – Display Flex #P2 [d-flex] em [Bootstrap] – Curso de Bootstrap – Aula 40

Align-content vs justify-content – Display Flex #P3 em [Bootstrap] – Curso de Bootstrap – Aula 41

Margens automáticas classes m-auto – Display Flex #P4 em [Bootstrap] – Curso de Bootstrap – Aula 42

Auto Alinhamento dos elementos, align-self – Flex #P5 [Bootstrap] – Curso de Bootstrap – Aula 43

Classes para formatação de formulário em Bootstrap – #P1 [Bootstrap] – Curso de Bootstrap – Aula 44

Classes para formulário em Bootstrap #P2 – Formulário #P2 [Bootstrap] – Curso de Bootstrap – Aula 45

Criando uma página completa em Bootstrap #P1 [Bootstrap] – Curso de Bootstrap – Aula 46

Criando uma página completa em Bootstrap #P2 [Bootstrap] – Curso de Bootstrap – Aula 47

Criando uma página completa em Bootstrap #P3 [Bootstrap] – Curso de Bootstrap – Aula 48

Criando uma página completa em Bootstrap #P4 [Bootstrap] – Curso de Bootstrap – Aula 49