Imagem do Curso gratuito Estilização de sites usando Bootstrap

Curso online gratuitoEstilização de sites usando Bootstrap

Duração do curso online: 3 horas e 10 minutos

4.83

EstrelaEstrelaEstrelaEstrelaEstrela

(30)

Deixe seus sites responsivos e profissionais com Bootstrap: aprenda grid, formulários, navbars e modais em um curso online gratuito com certificado.

Neste curso gratuito, aprenda sobre

  • Origem do Bootstrap e por que foi criado pelo time do Twitter
  • Uso do grid system e containers para layouts responsivos no Bootstrap 3
  • Aplicação de tipografia e normalize.css para padronizar estilos entre browsers
  • Estilização e centralização de conteúdo em tabelas com classes do Bootstrap
  • Criação de formulários: uso de form-control e estrutura de campos (inputs, selects, etc.)
  • Construção de botões: classes, variações e componentes que formam um botão Bootstrap
  • Classes auxiliares (helpers), incluindo imagem responsiva (img-responsive)
  • Uso de ícones (Glyphicons) e sua função na interface
  • Navs, abas (tabs) e navbar: navegação e organização de conteúdo
  • Panels: estrutura e uso para agrupar conteúdo em blocos
  • Modals: estrutura inicial e como exibir diálogos/janelas sobrepostas
  • Tooltips e Popovers: dicas de interface e conteúdo contextual
  • Alerts e estilos (success, info, warning, danger) para mensagens ao usuário
  • Carousel: funcionamento e papel dos indicadores na navegação dos slides

Descrição do curso

Dominar a estilização com Bootstrap é um atalho inteligente para criar interfaces modernas, responsivas e consistentes sem começar do zero a cada projeto. Neste curso online gratuito de Estilização de sites usando Bootstrap, você aprende a aplicar na prática os principais recursos do framework para dar acabamento profissional a páginas, componentes e layouts, acelerando o desenvolvimento no front-end e melhorando a experiência do usuário em diferentes dispositivos.

Ao longo das aulas, você entende a lógica do sistema de grid e como organizar seções com alinhamento e espaçamento previsíveis, criando páginas que se adaptam bem ao desktop e ao mobile. Também aprende a trabalhar com tipografia, tabelas e imagens de forma harmoniosa, explorando padronizações essenciais do Bootstrap e a importância de uma base de estilos consistente para evitar diferenças de renderização entre navegadores. A proposta é que você ganhe segurança para compor layouts limpos, legíveis e com boa hierarquia visual.

O curso avança para elementos presentes em quase todo site: formulários e botões. Você pratica a estrutura correta, as classes mais usadas e as convenções do framework para deixar campos mais amigáveis, acessíveis e prontos para uso em aplicações reais. Em seguida, aprofunda a construção de navegação com nav e navbar, compreendendo como organizar menus, abas e áreas de conteúdo para uma jornada do usuário mais intuitiva.

Para elevar o nível de interação, você vê como utilizar componentes como painéis, modais, tooltips e popovers, escolhendo quando cada recurso faz sentido e como manter a interface objetiva. Também aprende a comunicar estados e feedback com alerts e a criar áreas de destaque com carousel, sempre com foco em responsividade e consistência visual.

Por fim, você acompanha um redesign completo com Bootstrap e entende como dar os primeiros passos para criar um tema, consolidando um método de trabalho reaproveitável. É uma ótima opção para quem quer iniciar em Programação Front-End, reforçar o portfólio e desenvolver páginas com aparência profissional usando um framework consagrado.

Conteúdo do curso

  • Aula em vídeo: #1 Curso de Bootstrap 3 Introdução e sistema de grid 18m
  • Exercício: _Qual foi o motivo que levou os desenvolvedores do Twitter a criar o Bootstrap?
  • Aula em vídeo: #2 Curso de Bootstrap 3 Tipografia 11m
  • Exercício: _Qual é a importância de utilizar o normalize.css em um projeto com Bootstrap?
  • Aula em vídeo: #3 Curso de Bootstrap 3 - Tabelas 14m
  • Exercício: _Como centralizar um elemento em uma tabela usando Bootstrap?
  • Aula em vídeo: #4 Curso de Bootstrap 3 - Formulário 13m
  • Exercício: _Quais são os componentes responsáveis por receber a classe "form-control" em formulários utilizando Bootstrap?
  • Aula em vídeo: #5 Curso de Bootstrap 3 - botões 19m
  • Exercício: _O que são os componentes que formam um botão Bootstrap?
  • Aula em vídeo: #6 Curso de Bootstrap 3 - Classes Auxiliares 07m
  • Exercício: _Qual é a classe auxiliar que deixa a imagem responsiva?
  • Aula em vídeo: #7 Curso de Bootstrap 3 Icones 10m
  • Exercício: _Qual a função dos ícones em Bootstrap?
  • Aula em vídeo: #8 Curso Bootstrap 3 - Nav e Navbar 20m
  • Exercício: _O que são as abas no Bootstrap?
  • Aula em vídeo: #9 Curso de Bootstrap 3 Panel 05m
  • Exercício: _Para que serve o painel no Bootstrap?
  • Aula em vídeo: #10 Curso de Bootstrap 3 - Modal 13m
  • Exercício: _Qual é a estrutura inicial de um modal no Bootstrap?
  • Aula em vídeo: #11 Curso de Bootstrap 3 - Tooltip 07m
  • Exercício: _O que é o container no Bootstrap?
  • Aula em vídeo: # 12 Curso de Bootstrap 3 - Popover 09m
  • Exercício: _O que é o Popover no Bootstrap?
  • Aula em vídeo: #13 Curso Bootstrap 3 - Alert 05m
  • Exercício: _Quais são as opções de estilo disponíveis para a classe "alert" no Bootstrap?
  • Aula em vídeo: #14 Curso de Bootstrap 3 - Carousel 16m
  • Exercício: _Qual é a função dos indicadores no carrossel apresentado no vídeo?
  • Aula em vídeo: #15 Curso de Bootstrap 3 - Redesign com Bootstrap 07m
  • Exercício: _Qual a primeira mudança que precisa ser feita no formulário apresentado no vídeo?
  • Aula em vídeo: #16 Curso de Bootstrap - Redesign parte 2 09m
  • Exercício: _Qual é a primeira coisa que deve ser feita para criar um tema no Bootstrap?

Este curso gratuito inclui:

3 horas e 10 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

Comentários do Curso: Estilização de sites usando Bootstrap

WN

Wagner Nascimento Pereira

EstrelaEstrelaEstrelaEstrelaEstrela

Parece ser muito bom o aplicativo, ainda estou testando.

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