Conheça os recursos do módulo Flexbox do CSS e aprenda como utilizá-lo nos seus projetos
Nível Iniciante Categoria Desenvolvimento Front-end
O CSS Flexible Box Layout, conhecido como Flexbox, é um modelo de layout do CSS. O Flexbox permite que os elementos responsivos dentro de um container sejam organizados automaticamente, de forma responsiva e manipulável. Um dos modelos mais conhecidos e utilizados do desenvolvimento Front-end
O CSS Flexible Box Layout, conhecido como Flexbox, é um modelo de layout do CSS. O Flexbox permite que os elementos responsivos dentro de um container sejam organizados automaticamente, de forma responsiva e manipulável. Um dos modelos mais conhecidos e utilizados do desenvolvimento Front-end
Neste curso você irá aprender a como trabalhar com essa ferramenta extremamente poderosa e utilizada no desenvolvimento Front-end que é o Flexbox. Você verá os principais modos de utilização e também os atributos mais usados. Também veremos em situações reais como aplicar tudo que aprendemos no decorrer do curso.
Dentre várias outras coisas, você verá:
Esse curso é para você que quer entender de fato como o Flexbox funciona na prática, onde aplicar e suas propriedades. Esse curso também é indicado para pessoas que querem se aprofundar no CSS e melhorar o conhecimento com Front-end.
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.
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.
Nessa aula vamos preparar o ambiente de desenvolvimento onde iremos criar nossos exemplos. Vamos entender o que é display e seus diferentes tipos.
6 aulasVeremos como alteramos comportamentos do flex contêiner e várias propriedades fundamentais do Flexbox em linha.
7 aulasVamos aprender a alterar o sentido em que trabalhamos com nossos elementos, manipulando totalmente nosso flex contêiner.
6 aulasNessa aula iremos vamos aprender a alterar o comportamento de um ‘item’ em específico, sem modificar todos os itens dentro do contêiner.
4 aulasNesta aula iremos vamos aplicar os conhecimentos vistos nas aulas anteriores e aplicar em um menu de navegação e manipulação de uma estrutura de cards.
3 aulasExcelente curso.
Faz muitos anos que não tinha contato (necessidade) de mexer com html, ainda era da época da transição para o tableless para layout de sites e agora voltei para o mundo do desenvolvimento web e vejo que muitas melhorias e facilidades surgiram. Os cursos do TreinaWeb, incluindo este de flexbox, está sendo fundamental para que eu possa nivelar com as novas tecnologias do mercado. Só tenho a agradecer ao instrutor que passou o conteúdo com bastante tranquilidade e didática e ao TreinaWebpela qualidade do curso. Espero que mantenham sempre a qualidade do produto de vocês e tragam mais e mais conteúdo com qualidade. Meus parabéns !!!
Muito bom. Fixei melhores alguns conceitos.
Excelente curso. Direto ao ponto. Conteúdo muito bem explicado e detalhado. Sugiro ao Mestre uma sequência desse curso com outros módulos, montando pelo menos uma "single page" somente com Flexbox. Show! ⭐⭐⭐⭐⭐
Muito boa a didática do curso, recomendo a todos.
Excelente curso
Ótima didática do professor, conceitos muito claros e exemplos mais claros ainda. Show de bola!
Otima platafoma!
Gostei bastante deste curso, bem explicado com exemplos bem práticos e visuais. Bem fácil o entendimento.
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!
Contrate agora e tenha acesso ilimitado a todo o nosso portfólio. Isso inclui:
Confiamos tanto nos resultados dos nossos cursos, que criamos uma garantia incondicional de satisfação para você, que são 7 dias de teste!
