Curso

Como criar modais no Bootstrap

As janelas modais são componentes utilizados em aplicações web para exibir conteúdo ou solicitar o preenchimento de informações ao usuário. Modais são amplamente utilizadas em aplicações web para exibir informações ou mesmo para coletar dados que devem ser preenchidos pelo usuário, fazendo isso por meio de uma interface simples e elegante.

Esse curso inclui:

Suporte em tempo real

Certificado

Carga horária:

4 horas

Curso de Bootstrap (4 aulas)

Aula 1 - Introdução e instalação do Bootstrap

Iniciando nosso curso, conheceremos o conceito e aplicabilidade das janelas modais. Além disso, faremos o download do Bootstrap e jQuery e iniciaremos nosso projeto.

Aula 2 - Criando um modal básico

Nesta aula criaremos nosso primeiro modal com Bootstrap. Para isso, criaremos a estrutura HTML e CSS necessária para que esse componente funcione corretamente, e o exibiremos a partir de um botão.

Aula 3 - Exibindo o modal via JavaScript

Nesta aula aprenderemos a exibir o modal via JavaScript utilizando a biblioteca jQuery. Além disso, trataremos o evento click do botão do modal para captar a ação do usuário.

Aula 4 - Criando um formulário modal

Um dos usos bastante frequentes dos modais é na exibição de formulários. Seguindo essa ideia, veremos nessa aula como criar um modal contendo campos e como obter o valor digitado pelo usuário.

Iniciar agora
Ebook exclusivo
Dê um upgrade no início da sua jornada. Crie sua conta grátis e baixe o e-book

Veja outros cursos de HTML e CSS

HTML: span, iframe e comentários

HTML: Fundamentos

CSS: Flexbox