Domínio de Flexbox e CSS Grid - O Guia Prático Moderno

Construa Layouts Web Modernos e Responsivos usando CSS Flexbox, CSS Grid e HTML, CSS. Domine Flexbox e Grid

Este curso foi projetado para torná-lo um designer web front-end habilidoso, com CSS Grid e Flexbox como suas ferramentas. Com as habilidades que você adquirirá neste curso, você poderá criar com confiança qualquer design de layout de site do início ao fim. Este curso é moderno, abrangente e bem estruturado.

O que você aprenderá:

• Você aprenderá como trabalhar com TODAS as propriedades flexbox e TODAS as propriedades Grid passo a passo.
• Você aprenderá como criar vários designs de layout com CSS Grid e Flexbox.
• Você aprenderá como usar a unidade fracionária (fr) no CSS Grid.
• Você será capaz de criar layouts de grade responsivos usando grid-template-areas.
• Você será habilidoso em projetar layouts de alvenaria com flex e grid.
• Você será habilidoso em trabalhar com grid implícito e grid explícito.
• Você aprenderá a diferença entre auto-fill e auto-fit no Grid.
• Você será capaz de alinhar e justificar itens de grade e itens flexíveis.
• Você aprenderá como criar galeria de imagens e galeria de vídeos com CSS Grid e Flexbox.
• Você aprenderá como criar colunas/linhas iguais e desiguais usando tanto CSS Grid quanto Flexbox.
• Você dominará como usar nomes de linhas de grade arbitrários no Grid.
• Você será capaz de criar menus de navegação e mega menus. Você aprenderá como adicionar imagens e vídeos aos mega menus.
• Você aprenderá como usar a Consulta de Mídia CSS para tornar seu design web compatível com dispositivos móveis e responsivo.
• Você aprenderá como importar o font awesome para incorporá-lo ao seu design.
• Você aprenderá detalhadamente como importar fontes do Google como parte da sua família de fontes.
• Você será capaz de aplicar várias propriedades CSS ao seu design de layout, como margem, preenchimento, posição, propriedades de borda, etc.

O que você aprenderá:

• Você aprenderá como criar vários estilos de layout com CSS Grid e Flexbox.
• Você será capaz de criar layouts de grade usando grid-template-areas.
• Você aprenderá como criar colunas/linhas iguais e desiguais usando tanto CSS Grid quanto Flexbox.
• Você será habilidoso em projetar layouts de alvenaria com flex e grid.
• Você aprenderá como usar a unidade fracionária (fr) no CSS Grid.
• Você dominará como criar layouts flexíveis com flex-basis.
• Você será habilidoso em trabalhar com grid implícito e grid explícito.
• Você aprenderá como usar a Consulta de Mídia CSS para tornar seu design web compatível com dispositivos móveis e responsivo.
• Você aprenderá como criar galeria de imagens e galeria de vídeos com CSS Grid e Flexbox.
• Você será capaz de alinhar e justificar itens de grade e itens flexíveis.
• Você aprenderá a diferença entre auto-fill e auto-fit no Grid.
• Você dominará como usar nomes de linhas de grade arbitrários no Grid.
• Você será capaz de trabalhar com TODAS as propriedades flexbox e TODAS as propriedades Grid passo a passo.
• Você criará criativamente o mesmo layout da web usando flexbox e usando grid.