Curso de Bootstrap - Componentes Essenciais - Nível II
Aprenda a criar componentes essenciais como tabelas, formulários, dropdowns, alertas e elementos de navegação.
O que você vai aprender?
O framework Bootstrap inclui uma grade de 12 colunas e uma variedade de componentes prontos para uso. A segunda parte deste curso foca em aprender como usar os componentes mais comumente utilizados que aprimoram a construção de websites. Esses componentes incluem tabelas, botões, alertas, formulários e vários elementos de navegação. É claro que todos os componentes discutidos serão totalmente responsivos. Ao final deste treinamento, você será capaz de enriquecer seu website criado com vários elementos interessantes.
Aprenda a criar tabelas, botões, alertas:
Um dos primeiros capítulos do curso é dedicado a aprender como criar tabelas. Você verá como organizar conjuntos de dados usando colunas verticais e horizontais. Você aprenderá como organizar células, adicionar cores e alinhar texto. É claro que também haverá lições sobre a responsividade das tabelas, com as quais muitos iniciantes frequentemente têm dificuldades.
O próximo tópico será a criação de botões e switches, que estão presentes em quase todos os websites. Você aprenderá sobre diferentes tipos de botões, como botões regulares, checkboxes e botões de opção. Você também aprenderá como implementar funcionalidade de alternância com botões.
Outros componentes abordados no curso são os alertas, onde você aprenderá como definir regras de exibição de notificações. Você adicionará alertas pop-up ao seu website e aprenderá como controlar janelas usando jQuery.
Veja como criar formulários:
Nas próximas lições deste treinamento, você passará a discutir formulários, onde verá exemplos e dicas sobre o uso de estilos de controle de formulário, opções de layout e componentes personalizados para criar vários formulários. Você usará elementos como checkboxes, botões de opção e dropdowns de seleção. Você implementará elementos de intervalo e arquivo. Você ajustará o tamanho dos campos do formulário e criará um campo fluido esticado, que pode ser útil ao escrever mensagens longas. Você também verá a diferença entre o sistema de grade e as classes de linha de formulário.
Além disso, você implementará vários elementos de validação, para que o usuário saiba qual campo está preenchido corretamente.
Cuide dos elementos de navegação:
Outro tipo de componente que você aprenderá a criar neste tutorial são os elementos de navegação. Isso inclui o design de elementos de acordeão e colapso. Mas o que seria uma boa navegação sem a implementação de um menu no website? Portanto, você aprenderá a adicionar elementos dropdown e efeitos de pílula ao seu menu. Você também criará um menu móvel, comumente conhecido como menu hamburguer, e aprenderá como trabalhar com uma barra de navegação superior que segue o movimento de rolagem.
O que você vai aprender
- Dominar os componentes mais populares
- Aprender técnicas para criar tabelas responsivas
- Adicionar botões, checkboxes e botões de opção
- Definir exibição de mensagens
- Aprender a criar listas, abas e acordeões
- Dominar o design de formulários
- Aprender como adicionar um menu de navegação
- Criar um menu que segue o cursor
