Curso de CSS Flexbox
Amplie seus conhecimentos para construção de páginas web modernas e bonitas.
- Empresa: Node Studio Treinamentos
- Nível do curso: Básico
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.
Aprenda como utilizar o CSS Flexbox neste curso online e gratuito. Não deixe de conferir também o curso de HTML e CSS para Iniciantes.
Sobre o curso
Neste curso online e gratuito os alunos poderão aprender mais sobre como aplicar o CSS Flexbox nos seus projetos de HTML. Durante as aulas os alunos poderão aprender como criar um layout responsivo no CSS, o que acaba poupando trabalho do desenvolvedor, pois acaba não sendo necessário definir valores fixos e flutuar elementos para a criação do layout como um todo.
Estrutura do curso
Curso de Flexbox #1 – Introdução
Curso de Flexbox #2 – Flex Container
Curso de Flexbox #3 – Flex Items
Curso de Flexbox #4 – Iniciando projeto
Curso de Flexbox #5 – Header
Curso de Flexbox #6 – Hero Image
Curso de Flexbox #7 – Grid com Flexbasis
Curso de Flexbox #8 – Grid com Flex Column
Curso de Flexbox #9 – Newsletter
Curso de Flexbox #10 – Footer
Aulas:
-
Curso de Flexbox #1 - IntroduçãoCurso de Flexbox #2 - Flex ContainerCurso de Flexbox #3 - Flex ItemsCurso de Flexbox #4 - Iniciando projetoCurso de Flexbox #5 - HeaderCurso de Flexbox #6 - Hero ImageCurso de Flexbox #7 - Grid com FlexbasisCurso de Flexbox #8 - Grid com Flex ColumnCurso de Flexbox #9 - NewsletterCurso de Flexbox #10 - Footer