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.
Veja outros cursos de HTML e CSS
CSS: Flexbox
CSS: Position relative e absolute
CSS: Position fixed