Aprenda Bootstrap 5 para Iniciantes

Sobre o Curso

Neste curso em vídeo, você aprenderá como trabalhar com o popular framework CSS Bootstrap 5 da empresa Twitter. Você descobrirá como baixar o Bootstrap 5 e integrá-lo ao seu projeto usando métodos CDN e locais. Explicarei as diferenças entre o Bootstrap 4 e o Bootstrap 5, e se você é novo no Bootstrap, entenderá o propósito desse framework CSS. Criaremos um cabeçalho de site usando o Bootstrap, aplicaremos um plano de fundo gradiente usando um gerador de gradiente, adicionaremos um link de rolagem suave ao rodapé, criaremos um botão de reprodução usando apenas CSS com a ajuda de um gerador de triângulo, e também demonstrarei como criar uma janela modal usando o Bootstrap 5 e tornar qualquer vídeo responsivo. Testaremos imediatamente tudo em dispositivos móveis para garantir que a versão responsiva esteja corretamente implementada. Ensinarei como trabalhar com o sistema de grid do Bootstrap 5, explicarei sua estrutura e mostrarei como criar elementos responsivos facilmente e rapidamente usando o grid do Bootstrap. Criaremos uma seção com informações do curso, onde usaremos ícones e um grid Bootstrap 5 de 3x3 e 2x2. Demonstrarei como criar um acordeão de qualquer complexidade usando o Bootstrap 5. Depois disso, mostrarei como adicionar imagens responsivas usando o Bootstrap. Em seguida, criaremos outra seção do nosso site usando o Bootstrap. No final da lição, você receberá uma tarefa simples que poderá concluir facilmente por conta própria para reforçar seu conhecimento sobre como trabalhar com o grid do Bootstrap 5 e outros elementos do framework Bootstrap. Em seguida, mostrarei como criar um formulário de pagamento usando o Yoomoney. Por fim, exploraremos a documentação do Bootstrap 5, abordando as seções mais importantes. Mostrarei onde e como encontrar o código necessário, facilitando a navegação na documentação do Bootstrap e a criação de formulários, configuração de validação, criação de cartões, sliders, menus expansíveis, paginação, dicas de ferramentas e muito mais. Somente depois de aprender a buscar informações na documentação você poderá criar sites de qualquer complexidade sem assistência externa.

O que você aprenderá

• Framework Bootstrap 5
• Criação de um site responsivo usando o Bootstrap
• Integração do formulário de pagamento Yoomoney em um site
• Uso adequado da documentação do Bootstrap 5