Curso de CSS Flexbox

No curso de Flexbox você aprenderá como criar um layouts responsivos sem o uso do float, apenas as propriedades do Flexbox.

Iniciante 4(2 Avaliações) 81 Alunos Português
Autor : Node Studio Treinamentos
Última atualização em 06/2022
+ Mostrar mais
Visão geral do curso

No curso de Flexbox você aprenderá como criar um layouts responsivos sem o uso do float, apenas as propriedades do Flexbox. Assim você não precisará mais definir valores fixos, usar framworks ou flutuar elementos para criar o seu layout. Vamos iniciar pelos fundamentos, ensinando todas as propriedades e o que elas fazem no CSS. Após estes vamos criar um projeto real para colocarmos em prática o aprendizado.

O Flexbox é um recurso muito interessante utilizado dentro do CSS para que os desenvolvedores possam criar páginas para a internet mais moderna se bonitas. Ele foi projetado como sendo um modelo de layout unidimensional quanto como um método capaz de organizar espacialmente os elementos em uma interface, além de possuir capacidades avançadas de alinhamento.

Uma das principais características do Flexbox é a forma como ele funciona, sempre partindo de dois eixos: o eixo principal e o eixo transversal. O eixo principal é definido através da propriedade flex-direction e o eixo transversal encontra-se na direção perpendicular a ele. Como esses eixos são as engrenagens fundamentais do flexbox é necessário compreender minuciosamente o seu funcionamento.

O que vou aprender ?

  • No curso de Flexbox você aprenderá como criar um layouts responsivos sem o uso do float, apenas as propriedades do Flexbox.

Requisitos
  • Conhecimentos Básicos CSS
  • Conhecimentos Básicos Html
Conteúdo do Curso
10 Aulas 01:18:13
Curso de CSS Flexbox Grátis Online
10 Aulas
  • Curso de Flexbox #1 - Introdução
    00:02:20
  • Curso de Flexbox #2 - Flex Container
    00:13:31
  • Curso de Flexbox #3 - Flex Items
    00:10:07
  • Curso de Flexbox #4 - Iniciando projeto
    00:03:17
  • Curso de Flexbox #5 - Header
    00:10:09
  • Curso de Flexbox #6 - Hero Image
    00:07:51
  • Curso de Flexbox #7 - Grid com Flexbasis
    00:10:25
  • Curso de Flexbox #8 - Grid com Flex Column
    00:07:53
  • Curso de Flexbox #9 - Newsletter
    00:06:51
  • Curso de Flexbox #10 - Footer
    00:05:49
Outros cursos relacionados


Atualizado em 05/2022


5 425 Grátis


Atualizado em 07/2024


5 333 Grátis


Atualizado em 06/2022


5 86 Grátis


Atualizado em 06/2022


5 83 Grátis
Sobre o professor

Node Studio Treinamentos

20 Avaliações | 758 Alunos | 8 Cursos
Cursos Completos de Desenvolvimento Web (HTML5, CSS3, Materialize CSS, Javascript, PHP, Laravel, MYSQL, Vue e Quasar).
Feedback do aluno
4
2 Avaliações
  • (0)
  • (0)
  • (1)
  • (1)
  • (0)

Avaliações

  • Pedro Henrique Silva Palermo
  • Savio Ferreira de Souza
    Ate agora tranquilo
Grátis
Este curso inclui:
  • 01:18:13 de vídeo sob demanda
  • 10 Aulas
  • Acesso no dispositivo móvel e na TV
  • Recursos para download
  • Acesso total vitalício
  • Certificado de conclusão gratuito

  • Compare este curso com outros