Curso de Bootstrap 5: criação de site responsivo

Name: Curso de Bootstrap 5 com projeto responsivo | Guia de TI
Author: Jaime Linhares

Publicado em 08/10/2026 2 visualizações

Ver playlist no YouTube

1 de 16

Curso Bootstrap #01: Introdução

Anúncio

Categorias: Desenvolvedor FrontEnd, Desenvolvedor Web, Desenvolvedor de Aplicações Web Autor: Jaime Linhares Data: 08/10/2026

Modalidade: Remoto
Tipo: YouTube
Certificado: Sim
Duração: Curso perpétuo / sem expiração
Preço: 0,00

Playlist gratuita com 16 videoaulas sobre Bootstrap 5, da configuração do projeto à construção de páginas e à adaptação para tablets e celulares.

Sobre o curso

Esta playlist acompanha a criação de um site com Bootstrap, desde a introdução e a configuração inicial até a conclusão do projeto responsivo. O material reúne 16 vídeos, com duração total informada de 5h20min42s. Os primeiros 15 formam uma sequência de aulas sobre partes do mesmo projeto; o último é uma aula mais longa, dedicada aos fundamentos do Bootstrap 5 por meio de outro projeto.

O percurso é apresentado em vídeo e combina componentes do framework com HTML, CSS e JavaScript, conforme os tópicos descritos nas aulas. A playlist não informa pré-requisitos, avaliação ou emissão de certificado; portanto, esses detalhes devem ser confirmados diretamente na plataforma, caso sejam importantes para quem estuda.

Preparação e estrutura da página

As aulas iniciais introduzem o Bootstrap e mostram a criação do projeto, a configuração de bibliotecas externas — incluindo recursos para ícones e parallax — e a preparação dos arquivos-base de CSS e JavaScript. Em seguida, a construção da página começa pelo cabeçalho e pela barra de navegação, com logotipo e links de âncora para seções do próprio site.

A sequência avança para um carousel e para áreas de conteúdo organizadas com o sistema de grid. Entre os exemplos estão uma seção de apresentação da empresa e outra de especialidades, trabalhando conceitos como container, row, colunas e ícones. As aulas seguintes exploram parallax, cards e a combinação de grid com parallax para compor outras partes da página.

Interação e acabamento

Além da estrutura visual, a playlist apresenta um filtro integrado com JavaScript e um formulário com inputs. Outra aula constrói o rodapé com atenção a regras do Bootstrap e ao HTML semântico. Esses exercícios mostram diferentes elementos do site sendo desenvolvidos dentro do mesmo fluxo de trabalho, em vez de tratar os componentes apenas como exemplos isolados.

Na etapa final da sequência de 15 aulas, o projeto recebe ajustes de responsividade para tablets e celulares. A última aula desse bloco trata de scroll animado e conclui o site. Assim, o percurso cobre tanto a montagem de seções quanto a adaptação da interface a telas menores.

Aula extensa de Bootstrap 5

O vídeo final, com cerca de 1h35min, propõe aprender Bootstrap 5 criando um projeto. A descrição situa o conteúdo entre a instalação e a criação de um site, passando pela estruturação em HTML, pelo uso de recursos e componentes e pela finalização da responsividade com CSS. Também menciona a metodologia mobile-first, que prioriza a experiência em dispositivos móveis.

Ao concluir essa aula, o estudante terá acompanhado a criação de um projeto com Bootstrap, conforme a proposta publicada pelo autor. A playlist pode servir como trilha prática para quem quer observar a construção de páginas e reconhecer como grid, navegação, componentes, interações e ajustes responsivos se relacionam em um site. Para aproveitar melhor os exemplos, vale acompanhar cada etapa e testar as alterações no próprio projeto enquanto assiste.

Acessar link

Tags: coding, conteudogratuito, css, css3, cursogratuito, cursosgratuitos, desenvolvimento, desenvolvimentoweb, estudos, frontend, html, html5, javascript, programacao, projetosdeprogramacao, videoaulas