Introdução
- Introdução
- O que é um Framework?
- Arquivos para aula de Instalação do Bootstrap 4
- Instalação do Bootstrap 4 via CDN
- Instalação do Bootstrap 4 via Download
- Layout
- Sistema de Grid
Principais Conteúdos
- Tipografia
- Códigos
- Imagens
- Figures
- Tabelas
Componentes
- Alertas
- Badges
- Breadcrumb
- Botões
- Grupo de Botões
- Cards - Parte 1
- Cards - Parte 2
- Cards - Parte 3
- Carrossel de Imagens
- Colapso
- Dropdowns
- Formulários - Parte 1
- Formulários - Parte 2
- Input Group
- Jumbotron
- Paginador
- Popovers
- Listagem em Grupo - Parte 1
- Listagem em Grupo - Parte 2
- Modal
- Navegação
- Barra de Navegação - Parte 1
- Barra de Navegação - Parte 2
- Barra de Progresso
- Tooltips
Utilitários
- Bordas
- Clearfix
- Ícone Fechar
- Cores
- Propriedades do Display
- Incorporação de Conteúdo
- Float
- Posição
- Screenreaders
- Dimensionamento
- Espaçamento
- Texto
- Alinhamento vertical
- Visibilidade
Bibliotecas Externas
- Introdução as bibliotecas de ícones externos
- Biblioteca de Ícones Iconic
Atualização de Versões
- Arquivos para a aula de Atualização para o Bootstrap 4 Beta 2
- Atualização para o Bootstrap 4 Beta 2
Projeto #01 - Criando o Design de um Dashboard
- O que irei aprender nesta seção?
- Arquivos para Criação do Dashboard
- Instalação do Tema para Criação do Dashboard
- Criando o Layout da Página de Login
- Criando o Layout da Página de Recuperação de Senhas
- Criando o Layout da Página de Cadastro de Usuários
- Iniciando a Criação do Template Base do Dashboard
- Biblioteca de Icones da Fonte Awesome
- Criando o Layout da Navegação Principal do nosso Template
- Criando o layout do corpo e do rodapé da nossa aplicação
- Criando níveis ao Menu Lateral
- Adicionando um link dropdown para Mensagens
- Adicionando um link dropdown para Alertas
- Adicionando Cards Personalizados
- Trabalhando com Tabelas
- Traduzindo a Tabela
Projeto #02 - Design de um Site Institucional - One Page com Bootstrap 4.1.1
- O que irei aprender nesta Seção
- Arquivos para Criação do Site Institucional OnePage
- Criando o Template Base para nossa OnePage
- Modelando o Topo do nosso Site
- Adicionando um slideshow ao projeto
- Criando a seção de serviços na OnePage
- Criando a seção de parceiros em nossa OnePage
- Criando a Seção de Fatos Sobre em nosso sistema
- Adicionando o efeito Parallax no Background
- Adicionando o contador progressivo ao nosso projeto
- Adicionando a Seção de Apresentação dos Produtos em Destaque
- Estilizando a Seção de Produtos em Destaque
- Corrigindo problema Parallax Piscando
- Criando um Mega Footer personalizado para nossa OnePage
- Adicionando o Efeito Deslizante nos links da OnePage
Novos Componentes incluídos no Bootstrap 4.2
- O que irei aprender nesta seção?
- Instalação do Bootstrap 4.2
- Spinners
- Toast
- Novas Classes Auxiliares de Texto e Switch
