Curso de Bootstrap 4: Criando uma landing page responsiva

9,3

Nota desse curso

1.359

Alunos neste curso

Faça esse curso de HTML e CSS 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é

Primeira aula de Bootstrap 4: Criando uma landing page responsiva

Um pouco mais do conteúdo

Descubra se esse curso é pra você lendo as primeiras aulas de Bootstrap 4: Criando uma landing page responsiva

Conteúdo relacionado

Cursos de HTML e CSS em Front-end

Leia nossos artigos de Front-end

Público alvo

Pessoas que querem entender o framework Bootstrap e melhorar sua produtividade no desenvolvimento front-end.

Nível de Dificuldade

Básico

Já é aluno?

Começar o Curso

Experiências de quem já estudou com a gente

pedroajs93

em 10/11/2019

Ótima professora e exercícios. Entrei pro lado Bootstrap da força hehe.

Bootstrap 4: Criando uma landing page responsiva

Danilo Souza

em 07/11/2019

Alura a cada dia melhorando, explicações objetivas e claras.

Bootstrap 4: Criando uma landing page responsiva

GUSTAVO REICHELT EMMEL

em 13/11/2019

Curso muito bom, a forma que as informações foram passadas são claras e de simples entendimento. Muito obrigado!

Bootstrap 4: Criando uma landing page responsiva

Aprenda HTML e CSS com esse e outros cursos, comece agora!

  • 944 cursos

    Cursos de programação, UX, agilidade, data science, transformação digital, mobile, front-end, marketing e infra.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • App para Android e iPhone/iPad

    Estude até mesmo offline através das nossas apps Android e iOS em smartphones e tablets

  • Projeto avaliado pelos instrutores

    Projeto práticos para entrega e avaliação dos professores da Alura com certificado de aprovação diferenciado

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

Premium

  • 944 cursos

    Cursos de programação, UX, agilidade, data science, transformação digital, mobile, front-end, marketing e infra.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • App para Android e iPhone/iPad

    Estude até mesmo offline através das nossas apps Android e iOS em smartphones e tablets

  • Projeto avaliado pelos instrutores

    Projeto práticos para entrega e avaliação dos professores da Alura com certificado de aprovação diferenciado

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

12X
R$75
à vista R$900
Matricule-se

Premium Plus

  • 944 cursos

    Cursos de programação, UX, agilidade, data science, transformação digital, mobile, front-end, marketing e infra.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • App para Android e iPhone/iPad

    Estude até mesmo offline através das nossas apps Android e iOS em smartphones e tablets

  • Projeto avaliado pelos instrutores

    Projeto práticos para entrega e avaliação dos professores da Alura com certificado de aprovação diferenciado

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

12X
R$100
à vista R$1.200
Matricule-se

Max

  • 944 cursos

    Cursos de programação, UX, agilidade, data science, transformação digital, mobile, front-end, marketing e infra.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • App para Android e iPhone/iPad

    Estude até mesmo offline através das nossas apps Android e iOS em smartphones e tablets

  • Projeto avaliado pelos instrutores

    Projeto práticos para entrega e avaliação dos professores da Alura com certificado de aprovação diferenciado

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

12X
R$120
à vista R$1.440
Matricule-se
Procurando planos para empresas?
Acesso por 1 ano
Estude 24h/dia onde e quando quiser
Novos cursos toda semana