Imagem do Curso gratuito Bootstrap 5 Completo: Componentes, Layout e Projeto Final

Curso online gratuitoBootstrap 5 Completo: Componentes, Layout e Projeto Final

Duração do curso online: 6 horas e 53 minutos

Novo

Crie sites responsivos com Bootstrap 5 e acelere seu front-end. Curso online gratuito com componentes, grid e projeto final na prática. Aprenda agora!

Neste curso gratuito, aprenda sobre

  • Instalar e configurar o Bootstrap 5 no projeto
  • Criar layouts responsivos com containers, grid e breakpoints
  • Estilizar com cores, tipografia, imagens, espaçamentos e utilities
  • Construir barra de navegação (Navbar), Breadcrumb e Scrollspy
  • Usar componentes de botões: Buttons, Button Group, Badge e Spinner
  • Montar e estilizar tabelas e List Group
  • Criar formulários com estilos e validações visuais do Bootstrap
  • Implementar Accordion, Collapse, Dropdown e Tabs
  • Criar Cards e organizar conteúdo em interfaces
  • Adicionar Carousel para sliders de conteúdo/imagens
  • Usar feedbacks: Alerts, Toasts, Tooltips e Popovers
  • Criar interações com Modal e Offcanvas
  • Aplicar Pagination, Placeholder e Progress Bar
  • Integrar Icons e consolidar tudo em um projeto final

Descrição do curso

Quer desenvolver interfaces modernas, bonitas e responsivas sem perder tempo reinventando estilos? Neste curso online gratuito de Bootstrap 5, você aprende a montar layouts profissionais com rapidez, combinando a praticidade de um framework consagrado com boas práticas de front-end. A proposta é clara: sair do zero e ganhar segurança para construir páginas que se adaptam bem ao mobile, tablet e desktop, com visual consistente e código mais organizado.

Ao longo das aulas, você entende como instalar e configurar o Bootstrap 5 no seu projeto, além de explorar a lógica por trás dos principais padrões de UI. Você vai aprender a estruturar páginas com containers e grid, definir espaçamentos de forma inteligente e aplicar uma tipografia limpa. Também ganha domínio sobre componentes essenciais para qualquer produto digital, como navegação, formulários, tabelas e diferentes tipos de feedback ao usuário. A ideia é que você não só “use” o Bootstrap, mas entenda quando e por que escolher cada recurso.

O curso aprofunda o uso de componentes interativos, ajudando você a criar experiências completas: elementos que mostram e escondem conteúdos, organizam informações em abas, exibem mensagens, realçam detalhes e orientam a navegação. Você aprende a trabalhar com utilitários e helpers para ajustar rapidamente cores, alinhamentos, tamanhos e responsividade, além de incorporar ícones para enriquecer a interface. Assim, seu desenvolvimento ganha velocidade sem abrir mão de consistência visual.

Para consolidar a aprendizagem, o conteúdo caminha para a construção de um projeto final, no qual você aplica layout, componentes e ajustes responsivos em conjunto, como acontece em demandas reais. Ao final, você terá mais repertório para criar páginas institucionais, dashboards simples, landing pages e protótipos funcionais com agilidade. Se você está entrando no universo do front-end ou quer tornar sua rotina de desenvolvimento mais produtiva, este curso é um passo direto rumo a interfaces melhores e entregas mais rápidas.

Conteúdo do curso

  • Aula em vídeo: Curso Bootstrap 5 Completo: Aula 01 - Conhecendo e Instalando 17m
  • Aula em vídeo: Curso Bootstrap 5 Completo: Aula 02 - Navbar e cores 13m
  • Aula em vídeo: Curso Bootstrap 5 Completo: Aula 03 - Container e Grid 17m
  • Aula em vídeo: Curso Bootstrap 5 Completo: Aula 04 - Buttons, Margins e Paddings 11m
  • Aula em vídeo: Curso Bootstrap 5 Completo: Aula 05 - Imagens e Tipografia 12m
  • Aula em vídeo: Curso Bootstrap 5 Completo: Aula 06 - Tabelas 05m
  • Aula em vídeo: Curso Bootstrap 5 Completo: Aula 07 - Formulários 41m
  • Aula em vídeo: Curso Bootstrap 5 Completo: Aula 08 - Accordion 05m
  • Aula em vídeo: Curso Bootstrap 5 Completo: Aula 09 - Alerts 07m
  • Aula em vídeo: Curso Bootstrap 5 Completo: Aula 10 - Badge, Breadcrumb e Button Group 06m
  • Aula em vídeo: Curso Bootstrap 5 Completo: Aula 11 - Cards 14m
  • Aula em vídeo: Curso Bootstrap 5 Completo: Aula 12 - Carousel 14m
  • Aula em vídeo: Curso Bootstrap 5 Completo: Aula 13 - Collapse e Dropdown 13m
  • Aula em vídeo: Curso Bootstrap 5 Completo: Aula 14 - List Group 08m
  • Aula em vídeo: Curso Bootstrap 5 Completo: Aula 15 - Modal 22m
  • Aula em vídeo: Curso Bootstrap 5 Completo: Aula 16 - Tabs 14m
  • Aula em vídeo: Curso Bootstrap 5 Completo: Aula 17 - Offcanvas 12m
  • Aula em vídeo: Curso Bootstrap 5 Completo: Aula 18 - Pagination e Placeholder 16m
  • Aula em vídeo: Curso Bootstrap 5 Completo: Aula 19 - Popovers 10m
  • Aula em vídeo: Curso Bootstrap 5 Completo: Aula 20 - Progress Bar 10m
  • Aula em vídeo: Curso Bootstrap 5 Completo: Aula 21 - Scrollspy 14m
  • Aula em vídeo: Curso Bootstrap 5 Completo: Aula 22 - Spinner 05m
  • Aula em vídeo: Curso Bootstrap 5 Completo: Aula 23 - Toasts 10m
  • Aula em vídeo: Curso Bootstrap 5 Completo: Aula 24 - Tooltip e Helpers 16m
  • Aula em vídeo: Curso Bootstrap 5 Completo: Aula 25 - Utilities e Icons 17m
  • Aula em vídeo: Curso Bootstrap 5 Completo: Aula 26 - Projeto Final 1h12m

Este curso gratuito inclui:

6 horas e 53 minutos de curso online em vídeo

Certificado digital de conclusão de curso ( Gratuito )

Exercícios para treinar seus conhecimentos

100% gratuito, do conteúdo ao certificado

Pronto para começar?Baixe o app e comece hoje mesmo.

Instale o app agora

para ter acesso ao curso
Ícone representando cursos de tecnologia e negócios

+ de 5.000 cursos gratuitos

Programação, Inglês, Marketing Digital e muito mais! Aprenda o que quiser, gratuitamente.

Ícone de calendário com alvo representando planejamento de estudos

Plano de estudos com IA

A Inteligência Artificial do nosso aplicativo pode criar um cronograma de estudos para o curso que você escolher.

Ícone de profissional representando carreira e negócios

Do zero ao Sucesso profissional

Melhore seu currículo com nosso Certificado gratuito e depois utilize nossa Inteligência Artificial para buscar seu emprego dos sonhos.

Você também pode utilizar o QR Code ou os Links abaixo

QR Code - Baixar Cursa - Cursos Online

Mais cursos gratuitos em Programação Front-End

Ebook + Áudiobooks gratuitos! Aprenda ouvindo ou lendo!

Baixe o Aplicativo agora para ter acesso a + de 5000 cursos gratuitos, exercícios, certificado e muito conteúdo sem pagar nada!

  • Cursos online 100% gratuitos do início ao fim

    Milhares de cursos online em vídeo, ebooks e áudiobooks.

  • Mais de 60 mil exercícios gratuitos

    Para testar seus conhecimentos no decorrer dos cursos online

  • Certificado Digital gratuito válido em todo o Brasil

    Gerado diretamente na galeria de fotos do seu celular e enviado ao seu e-mail

Aplicativo Cursa na tela de ebook, na tela de curso em vídeo e na tela de exercícios do curso, mais o certificado de conclusão de curso