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

Curso de HTML5 + CSS3 - Dominando o CSS Grid Layout

Conheça os recursos do Grid Layout do CSS e aprenda como utilizá-lo nos seus projetos

Nível Iniciante Categoria Desenvolvimento Front-end

  • Curso com 01h46 de vídeos
  • Certificado com 6 horas
  • 6 exercícios

Sobre o curso

O CSS Grid Layout é uma das ferramentas mais utilizadas no front-end. Repleta de propriedades que trabalham em conjunto com o Grid Layout, torna essa uma das formas de construção de um site mais utilizados. Sem dúvida uma ferramenta fundamental para quem esta querendo e precisa aprofundar o conhecimento em CSS

O CSS Grid Layout é uma das ferramentas mais utilizadas no front-end. Repleta de propriedades que trabalham em conjunto com o Grid Layout, torna essa uma das formas de construção de um site mais utilizados. Sem dúvida uma ferramenta fundamental para quem esta querendo e precisa aprofundar o conhecimento em CSS

O que irá aprender?

Entre vários outros conteúdos conheceremos:

  • O que é o CSS Grid Layout;
  • As formas de utilização da ferramenta;
  • Aprender a trabalhar com alinhamento dos itens;
  • Veremos as funções repeat e minmax;
  • Conheceremos o auto-fill e auto-fit;
  • Unidades de medidas que podemos declara as colunas e linhas;
  • Criaremos juntos um projeto para aperfeiçoar nosso conhecimento.

Pra quem é esse curso?

Esse curso é voltado para desenvolvedores que querem aprofundar seus conhecimentos em CSS e para quem quer conhecer essa ferramenta extremamente importante.

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

  • Google Chrome
  • Visual Studio Code

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. Conhecendo o Grid layout

    Nesta aula aprenderemos as manipulações desde as mais básicas até algo exemplos mais complexos utilizando o grid area e a função minmax.

    12 aulas
    • Apresentação
    • O código-fonte deste curso está no GitHub!
    • O que é o CSS Grid
    • Grid columns
    • Grid rows
    • Trabalhando com grid area
    • Adicionando espaçamento do grid
    • Colunas e linhas de forma automática
    • Definições na mesma linha
    • Repetição de colunas e linhas
    • Conhecendo o auto-fill e auto-fit com minmax
    • Questionário
  2. Alterando os alinhamentos

    Nessa aula vamos ver as várias formas de se alinhar os itens de dentro do nosso container. Tanto em bloco quanto individualmente.

    5 aulas
    • Alinhamento horizontal dos itens
    • Alinhamento na vertical dos itens
    • Alinhamento vertical individual de um item
    • Alinhamento horizontal individual de um item
    • Questionário
  3. Praticando o conhecimento adquirido

    Já nessa terceira aula nós vamos simular a criação de um layout e utilizar o sistema de grid para dispor nossos elementos na tela.

    3 aulas
    • Criando o Header
    • Adicionando conteúdo principal no projeto
    • Finalizando o projeto
Download da ementa

Cursos relacionados

Algumas das formações onde 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
Por apenas
12x R$ 75,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!