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 videos
  • Certificado com 6 horas
  • 6 exercícios

Sobre o curso

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

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

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

  • Conteúdo bem legal.

  • Muito bom. Direto ao ponto.

  • muito bom... bem rico essa aula assim como as outras

  • Aprendi muito com o curso de C# básico, a didática do professor é muito boa e tanto as vídeo aulas como os arquivos de texto são muito bem explicativos, mostrando que o professor domina o conteúdo que esta nos transmitindo. Recomendo a todos.

    Depoimento - Tiago
    C# (C Sharp) Básico
    Tiago Santo André / SP
  • Achei o curso muito bem estruturado. O principal diferencial em relação ao que eu já tinha feito em outras plataformas foi trabalhar com listas de dados pra criar objetos. Não fazia muito sentido pra mim ficar criando usuario1, usuario2. Nunca ficava satisfeito com a ideia de ficar recriando objetos. Com isso achei que o ciclo se fechou e o curso ficou bem completo.

    Depoimento - Fernando
    Python - Fundamentos
    Fernando Curitiba / PR
  • Curso perfeito ! Indico a qualquer pessoa que queira trabalhar com banco de dados , estudar esse curso , pois realmente a introdução e a base desse curso ajuda de forma plena e ríspida um conceito para um bom entendimento e uma boa criação de um banco de dados .

  • Confesso que este curso superou minhas expectativas. Trabalho com SQL já algum tempo e ainda não tinha realizado nenhum curso por conta das dinâmicas empregadas na metodologia de ensino de alguns cursos. Minha primeira vez no site treinaweb e apos a conclusão deste curso me sinto mais preparado para novos desafios que surgirem. Parabéns TreinaWeb.

    Depoimento - Eduardo
    SQL Server - Desenvolvedor
    Eduardo Barueri / SP
  • Excelente curso, muito bem organizado; não precisei tirar dúvidas pois como foi dito todo o cronograma foi modelado com sabedoria, logo foi de fácil entendimento todo o conteúdo.. Parabéns a Treina Web como sempre, surpreendendo-me :))

    Depoimento - Cesar
    Lógica Orientada a Objetos Completo
    Cesar Campo Grande / MS
  • Ótimo curso. Cumpre o prometido no que diz respeito aos fundamentos de redes de computadores, dando noções importantes não apenas a quem deseja seguir esta área, mas também a futuros desenvolvedores que querem conhecer mais a fundo como funciona o padrão TCP/IP, modelo de camada OSI etc. Na última aula, a utilização do Packet Tracer para simular uma rede foi excelente, e deu uma visão muito mais concreta sobre o funcionamento das camadas e equipamentos.

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 ou R$ 900,00 à vista
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!