Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
CSS Flexbox
Rating: 4.9 out of 5(19 ratings)
210 students

CSS Flexbox

Aprenda tudo sobre css flexbox
Last updated 2/2025
Portuguese
Portuguese [Auto],

What you'll learn

  • Dominar Flexbox
  • Criar projetos com Flexbox
  • Entender de uma vez por todas Flexbox
  • Dar manutenção em projetos com Flexbox

Course content

2 sections27 lectures1h 54m total length
  • Introdução2:09

    Panorama geral do curso, conceitos que vão ser aprendidos, avisos importantes e como aproveitar 100% do curso.

  • Material do Curso0:03
  • O que é Flexbox?1:49
  • Container e Items1:35
  • Eixo Principal e Eixo Transversal - Parte 12:50
  • Eixo Principal e Eixo Transversal - Parte 22:49
  • Main Start e Main End1:33
  • Main Size e Cross Size2:46
  • Display Flex2:14
  • Flex Direction5:43
  • Flex Wrap4:26
  • Flex Flow2:18
  • Justify Content7:38
  • Align Items4:02
  • Align content4:36
  • Gap4:29
  • Order4:32
  • Flex Grow4:32
  • Flex Shrink3:11
  • Flex Basis3:33
  • Flex3:37
  • Align Self2:20

Requirements

  • html e css básico

Description

CSS Flexbox

Neste curso gratuito, você dominará o CSS Flexbox de forma completa, unindo teoria e prática. Exploraremos desde os conceitos básicos até as propriedades avançadas, como contêineres, itens, eixos e suas respectivas funcionalidades.

Para reforçar seu aprendizado, cada aula inclui exercícios práticos, e ao final do curso, você desenvolverá um projeto completo para aplicar tudo o que aprendeu.

As aulas são diretas, simples e focadas em facilitar a compreensão. Confira o conteúdo que você terá acesso:

1. Introdução (Aula 00)
2. O Que é Flexbox ? (Aula 01)
3. Container e Items (Aula 02)
4. Eixo Principal e Eixo Transversal (Aula 03)
5. Eixos Principal e Transversal. Prática (Aula 04)
6. Main Start e Main End (Aula 05)
7. Main Size e Cross Size (Aula 06)
8. Display Flex (Aula 07)
9. Flex Direction (Aula 08)
10. Flex Wrap (Aula 09)
11. Flex Flow (Aula 10)
12. Justify Content (Aula 11)
13. Align Items (Aula 12)
14. Align Content (Aula 13)
15. Gap (Aula 14)
16. Order (Aula 15)
17. Flex Grow (Aula 16)
18. Flex Shrink (Aula 17)
19. Flex Basis (Aula 18)
20. Flex (Aulas 19)
21. Align Self (Aula 20)
22. Abertura Projeto Final (Aula 21)
23. Mostrando o Projeto (Aula 22)
24. Projeto final (Aula 23)

Who this course is for:

  • Desenvolvedores Iniciantes
  • Desenvolvedores Web
  • Desenvolvedores Frontend
  • Desenvolvedores Javascript
  • Desenvolvedores