Curso Online Bootstrap 4: Criando uma landing page responsiva

Estudando esse mês:

e mais 503 alunos(as)

Resumo do curso

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.

Público alvo

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

Conteúdo relacionado

Cursos de HTML e CSS em Front-end

Leia nossos artigos de Front-end

Última atualização

09/12/2019

Já é aluno?

Comece o curso agora

p/ conclusão

Atividades

170

Minutos de video

5870

Alunos nesse curso

9.3

Nota deste curso

Certificado de participação

Formação com esse curso

HTML e CSS

Instrutores

Juliana Amoasei
Github
Desenvolvedora JS com background multidisciplinar. Sempre aprendendo para ensinar e vice-versa.

Conteúdo Detalhado

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
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
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
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
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
Modais e últimos ajustes
- Adicionando modal ao site
- Estilizando o modal
- Adicionando tags semânticas ao modal
- Atributo `data-` no modal
- Implementando o rodapé

Ainda não estuda com a gente?

Invista na transformação da sua carreira!

Comece agora

Cursos relacionados em HTML e CSS

nossos alunos e alunas

Experiências de quem já mergulhou com a gente.

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

GUSTAVO REICHELT EMMEL

Reclamação: Não existe link para baixar o projeto completo. Mas a professora é boa de didática e tem bastante conhecimento.

Bootstrap 4: Criando uma landing page responsiva

Francisco Braz Brenha Ribeiro

Faltou os arquivos do projeto para acompanhar as aulas. Porém, assistindo as aulas foi possível desenvolver naturalmente e gradualmente o código.

Bootstrap 4: Criando uma landing page responsiva

Nickolas Pereira Muniz da Silva

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

1271 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
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

1271 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
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

1271 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
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

1271 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
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

Conheça os Planos para Empresas

Acesso completo
durante 1 ano

Estude 24h/dia
onde e quando quiser

Novos cursos
todas as semanas

Bootstrap 4: Criando uma landing page responsiva

Estudando esse mês:

Resumo do curso

Público alvo

Conteúdo relacionado

Última atualização

Já é aluno?

Formação com esse curso

Instrutores

Juliana Amoasei

Conteúdo Detalhado

Instalando o Bootstrap e implementando a navbar

Adicionando carrossel e resolvendo bugs

Títulos, textos e ferramentas de espaçamento

Conhecendo o HTML semântico e inserindo cards

Alinhando elementos com Bootstrap Grid

Modais e últimos ajustes

Cursos relacionados em HTML e CSS

nossos alunos e alunas

Experiências de quem já mergulhou com a gente.

GUSTAVO REICHELT EMMEL

Francisco Braz Brenha Ribeiro

Nickolas Pereira Muniz da Silva

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

Premium

Premium Plus

Max

Cursos