Fale com a gente no WhatsApp Fale com a gente no WhatsApp
Fale com a gente no WhatsApp

Curso de Bootstrap - Layout e Grid System

Conheça todos os recursos do sistema de grid do Bootstrap

Nível Iniciante Categoria Desenvolvimento Front-end

  • Curso com 03h35 de vídeos
  • Certificado com 10 horas
  • 15 exercícios

Sobre o curso

O Bootstrap é um dos mais famosos frameworks front-end existentes atualmente, sendo utilizado em uma infinidade de sites e aplicações web. Dois pontos tornam o Bootstrap um framework tão utilizado atualmente: a simplicidade de uso aliada à recursos para criação de interfaces modernas e ricas; e o tamanho da comunidade em volta do Bootstrap, com um número muito expressivo de mantenedores, sponsors e usuários.

A expressividade e a larga utilização no mercado fazem com que aprender o Bootstrap se torna um requisito obrigatório para qualquer desenvolvedor que pensa em desenvolver sites e aplicações We

O Bootstrap é um dos mais famosos frameworks front-end existentes atualmente, sendo utilizado em uma infinidade de sites e aplicações web. Dois pontos tornam o Bootstrap um framework tão utilizado atualmente: a simplicidade de uso aliada à recursos para criação de interfaces modernas e ricas; e o tamanho da comunidade em volta do Bootstrap, com um número muito expressivo de mantenedores, sponsors e usuários.

A expressividade e a larga utilização no mercado fazem com que aprender o Bootstrap se torna um requisito obrigatório para qualquer desenvolvedor que pensa em desenvolver sites e aplicações We

O que irá aprender?

Neste curso abordaremos tudo o que você precisa aprender sobre o sistema Grid do Bootstrap 5. São vídeo aulas que mostram os conceitos do Containers, Row, Cols, Breakpoints entre outros componentes que engloba esse sistema de Grid da versão 5 deste framework. Também serão passados exercícios para que você possa fixar, praticar e aplicar o conteúdo aprendido.

Dentre várias outras coisas, você irá aprender:

  • O que são Container, Colunas e Linhas;
  • Entenderá as diferentes maneiras de declarar os breakpoints;
  • Compreenderá o Grid System e o Flexbox incorporados ao Bootstrap;
  • Conseguirá criar interfaces responsivas e adaptativas de maneira muito simplesl
  • Como utilizar componentes avançados do Sistema de Grid.

Pra quem é esse curso?

Este curso é destinado a desenvolvedores web que desejam aumentar seu conhecimento nessa ferramenta extremamente utilizada e forma responsiva.

Quais os pré-requisitos para esse curso?

Os pré-requisitos não são obrigatórios, são apenas sugestões. Eles dão uma base de parte do conhecimento que é interessante ter para um bom aproveitamento nesse curso.

Metodologia

  • Videoaulas
  • Texto e imagens
  • Início Imediato
  • Testes de aprendizado

Ambiente do curso

  • Bootstrap 5

Sobre o professor

Amauri Blanco Corrêa

Amauri Blanco Corrêa

Estudante de Análise e Desenvolvimento de Sistemas, apaixonado por tecnologia. Atualmente focado na área de front-end e iniciando uma grande e brilhante caminhada tanto profissionalmente quanto pessoalmente nesse universo que é a programação.

Conteúdo programático

  1. Componentes do sistema de grid

    Nesta aula nos vamos aprender os conceitos básicos que englobam o sistema de grid e os containers.

    8 aulas
    • Apresentação
    • O código-fonte deste curso está no GitHub!
    • Como funciona o sistema de Grid do Bootstrap
    • Conhecendo os Containers
    • Conhecendo as Rows e Cols
    • Exemplo de layout
    • Tipos de Container
    • Questionário
  2. Conhecendo os Breakpoints

    Vamos conhecer os Breakpoints, vamos ver como e quando utilizar essa ferramenta e entender onde podemos utilizar.

    7 aulas
    • O que são Breakpoints
    • Tabela de Breakpoints
    • Spaces por Breakpoint
    • Brakpoints com Cols
    • Container por Breakpoint
    • Deixando projeto responsivo
    • Questionário
  3. Componentes Avançados

    Nesta aula vamos conhecer os componentes avançados do sistema de grid, como row dentro de row e também trabalhar com row-cols.

    5 aulas
    • Row dentro de row
    • Row dentro da row
    • Trabalhando com row-cols
    • Opções de row-cols
    • Questionário
  4. Estilizações das Colunas

    Nessa aula vamos aprender a alinhar, tanto horizontal quanto verticalmente nossas colunas, e conhecer ferramentas para nos auxiliar.

    6 aulas
    • Alinhamento Vertical das Colunas
    • Alinhamento Horizontal das Colunas
    • Alinhamento individual
    • Reordenando as Colunas
    • Offset nas Colunas
    • Questionário
  5. Trabalhando com Gutters

    Nessa aula vamos aprender a manipular os espaçamentos das colunas utilizando os gutters e gap

    4 aulas
    • Conhecendo os Gutters
    • Tipos de Gutters
    • Trabalhando com gap
    • Questionário
  6. Projeto final

    Nessa aula vamos finalizar o projeto com todo conteúdo que aprendemos no decorrer do curso.

    3 aulas
    • Adicionando Componentes no Layout
    • Estilizando Projeto
    • Finalizando o Layout
Download da ementa

Cursos relacionados

Formação em que esse curso está inserido

Utilizada e amada por milhares! Veja mais opiniões reais

Plano de acesso total!

Tenha um ano de acesso completo a todos os cursos da plataforma, incluindo novos lançamentos, mentoria de carreira e suporte direto com os professores!

Um ano de acesso completo

Contrate agora e tenha acesso ilimitado a todo o nosso portfólio. Isso inclui:

  • 1 ano de acesso a todos os cursos
  • Cursos novos toda semana
  • Suporte direto com professores
  • Aplicativos para Android e iOS
  • Plano de carreira personalizado
  • Certificados digitais inclusos
  • Suporte com SLA de 4 horas úteis
  • Acesso offline através dos apps
R$ 99,00 ECONOMIZE R$ 600,00
12x R$ 49,00 sem juros, no cartão de crédito
Matricule-se agora
Garantia incondicional de satisfação
Garantia incondicional de satisfação

Confiamos tanto nos resultados dos nossos cursos, que criamos uma garantia incondicional de satisfação para você, que são 7 dias de teste!