Curso de Bootstrap 4: Criando uma landing page responsiva

Faça esse curso e...

• Mantenha seu código limpo e bem feito seguindo as boas práticas do desenvolvimento HTML5, agilizando seu desenvolvimento.
• Utilize os componentes prontos de navbar, carrossel, cards e modais para criar sites responsivos automaticamente.
• Use o método de desenvolvimento front-end para que suas aplicações sejam sempre responsivas, simples e funcionais independente do dispositivo.
• Produza um código HTML e CSS semântico e de qualidade para que leitores de tela e robôs de busca consigam ler bem o seu site.
• Padronize os componentes de seu site ou aplicação web.

Conteúdo Detalhado

1. Instalando o Bootstrap e implementando a navbar

   • Instalando o Bootstrap
   • Métodos para instalar
   • O que são as CDNs
   • Adicionando a navbar
   • Personalizando a navbar
   • Navbar - entendendo o HTML
   • Utilizando o Flexbox com Bootstrap
   • Flex, pais e filhos

2. Adicionando carrossel e resolvendo bugs

   • Implementando o carrossel
   • Quando o resultado não é o que esperamos
   • Dando uma mãozinha com o CSS
   • Interpretando as classes do carrossel
   • Sobre classes e ids
   • Controlando intervalos de tempo
   • Trabalhando com fontes alternativas
   • Modificando o tamanho das divs
   • Formatando texto

3. Títulos, textos e ferramentas de espaçamento

   • Formatando o título e subtítulo
   • Criando classes para formatação de texto
   • Modificando margens e padding
   • Definindo margens e padding
   • Margens e padding

4. Conhecendo o HTML semântico e inserindo cards

   • Adicionando cards
   • Personalizando as cores dos cards
   • Onde adicionar estilos?
   • Mais boas práticas de CSS
   • Uma palavrinha sobre HTML semântico
   • Adicionando tags semânticas ao HTML
   • Tornando o HTML semântico

5. Alinhando elementos com Bootstrap Grid

   • Preenchendo os cards
   • Ajustando das imagens nos cards
   • Trabalhando com o Bootstrap Grid
   • Primeiros passos com Grid
   • Sobre breakpoints de tela
   • Trabalhando com as colunas do grid
   • Montando nossos grids
   • Adicionando cor ao plano de fundo

6. Modais e últimos ajustes

   • Adicionando modal ao site
   • Estilizando o modal
   • Adicionando tags semânticas ao modal
   • Atributo `data-` no modal
   • Implementando o rodapé