Curso
Bootstrap: Criando um formulário com Tabs, Tooltip e Popover
Neste curso desenvolveremos um formulário em abas com Bootstrap, usando Tabs, Tooltip e Popover. Por meio desses recursos implementaremos uma interface focada na experiência do usuário, dividida em seções, e com validações de dados exibidas de forma amigável.
Esse curso inclui:
Suporte em tempo real
Certificado
Carga horária:
7 horas
Curso de Bootstrap (7 aulas)
Aula 1 - Introdução ao curso
Neste vídeo será apresentado o formulário que será desenvolvido, assim como as tecnologias e os respectivos recursos que serão empregados durante o curso.
Aula 2 - Implementando o sistema com abas
Neste vídeo será ensinado como criar o sistema de abas utilizando os recursos providos pelo Bootstrap.
Aula 3 - Criando o cadastro do sistema
Neste vídeo será apresentado como implementar os formulários presentes em cada etapa do cadastro.
Aula 4 - Navegação entre abas
Neste vídeo será ensinado como criar um botão responsável por prover a navegação para a próxima etapa do cadastro.
Aula 5 - Trabalhando com Popover
Neste vídeo será ensinado como utilizar o Popover do Bootstrap para personalizar as mensagens e recados no front-end, aprimorando a experiência do usuário.
Aula 6 - Validando os dados do cadastro
Neste vídeo será ensinado como criar uma validação básica para o exemplo. Além disso, será demonstrado como executar a navegação entre as abas caso erros sejam detectados no preenchimento do formulário.
Aula 7 - Exibindo erros com Tooltip
Neste será apresentado como utilizar o recurso de Tooltips do Bootstrap para exibir erros de validação. Assim, mensagens de erro serão expostas ao usuário sobre o campo de entrada.
Veja outros cursos de HTML e CSS
CSS: Flexbox
CSS: Position relative e absolute
CSS: Position fixed