Guia definitivo do CSS FLEXBOX - Aprenda na prática
ฝัง
- เผยแพร่เมื่อ 4 ส.ค. 2024
- Neste vídeo, mergulharemos nos conceitos fundamentais da propriedade CSS Flexbox e aprenderemos como aplicá-la em nossas interfaces. Através de exemplos práticos, vamos explorar o funcionamento do Flexbox e como ele pode ajudar a criar layouts web flexíveis e responsivos.
👉 Seja um ESPECIALISTA em FRONTEND, aprenda HTML, CSS, React JS e muito mais!
tr.ee/kipperdev-desconto-rock...
🎁 USE O CUPOM: KIPPERDEV
👉Me siga no instagram!
/ kipper.dev
🌎 Comunidade do Discord
/ discord
----
00:00 - Intro
00:46 - ativando Display Flex
02:09 - Propriedade Flex-Direction
06:36 - Propriedade Flex-Wrap
10:47 - Propriedade Flex-Flow
10:12 - Propriedade Justify-Content
18:31 - Propriedade Align-Items - วิทยาศาสตร์และเทคโนโลยี
![[ไฮไลต์] "บิว" ภูริพล บุญสอน วิ่ง 100m ชาย รอบคัดเลือก | โอลิมปิก 2024](http://i.ytimg.com/vi/3kUSMfgtQ5s/mqdefault.jpg)
![[Live] : ONE FIGHT NIGHT 24 วันนี้!! “จาร์เร็ด vs กุสตาโว”](http://i.ytimg.com/vi/ENNA-fsT67c/mqdefault.jpg)
Se você quer aprender React JS, React Native, Node JS e muito mais então aproveita esse desconto do Rocketseat One pra ter conteúdo de MUITA qualidade e extremamente bem estruturado
tr.ee/kipperdev-desconto-rocketseat-one
🎁 USE O CUPOM: KIPPERDEV
Explicou perfeitamente e com o conteúdo extremamente organizado! Está de parabéns, mastigou e nos deu pra comer 👏
Excelente explicação! Sempre achei um tema complexo para entender devido à maneira como ensinam e porque realmente é um tema razoavelmente confuso. Porém com a forma organizada que você explicou, deu para entender perfeitamente. Obrigado!
Excelente explicação,Fernanda Kipper!
dica pra quem não souber como copiar as linhas: no final do texto ,com as teclas "shift" +"alt" pressionadas pressiona a tecla (arrow keys) seta pra baixo pra copiar o texto e colar na linha debaixo e seta pra cima pra copiar e colar na linha acima
Poxa Fernanda, muito obrigada pela didática. Para mim que tenho bastante dificuldade e estou aprendendo, com você fica mais fácil. Parabéns, Deus abençoe!
Você me fez entender em apenas 25 minutos algo que os outros instrutores levariam horas para fazê-lo. Muito show!!
Que bomm, fico muito feliz que consegui te ajudar 💜
Muito bom esse vídeo Fê. Consegui, finalmente, entender a diferença entre align itens e justify content. Obrigada!
So vc mesmo Fernanda pra ajudar um inciante igual eu no front end,vc me ajudou imensamente, obrigado,estava muito confuso sobre as propriedades do flex box 👍🤘
Voce eh tao incrivel q ate fez um resumo para nos,obrigado mesmo fe
Eu crio sites por hobby dês da época das tabelas html, daí tive que me atualizar e passei a fazer usando CSS e float, fiquei alguns anos sem criar nada, agora to voltando e tendo que me atualizar denovo, ontem aprendi display grid com uma aula sua e hoje display flex. Eu já tinha passado por vários tutoriais e ainda tava meio que fazendo as coisas na tentativa e erro na hora de praticar lá no css, no entanto com seus vídeos ficou tudo muito claro, aprendi exatamente o que cada propriedade faz. Parabens, vc é a melhor professora de T.I que eu já vi, da vontade de maratonar seus vídeos e aprender até coisas que não me interessam.
Consegui entender perfeitamente. Ganhou +1 like e +1 inscrito!
Muito bom !
Excelente didática, parabens! 👍👍
Muito bom, parabéns pelo conteudo
muito bom!
Muito bom seus videos, está me ajudando muito com meus estudos!
Muito bom, Fernanda! Parabéns pela didática e ser direta ao ponto em relação ao que é basicamente necessário no Flexbox. 🙂
Somente detalhando um pouco mais sobre a propriedade "justify-content":
-- space-around: O espaçamento do início e final das bordas fica pela metade em relação ao espaço entre cada elemento contido;
-- space-evenly: O espaçamento de início e final das bordas fica no mesmo tamanho do espaçamento entre cada elemento contido.
Aprendi flexbox a um tempo atrás, sempre bom relembrar com mais um excelente video!!!
boaa! Obrigada Luiz, fico feliz que gostou
Seus vídeos são ótimos
Gostei pra carambas. Valeuzão
Que bomm, @viniciusferreira1811
Fico feliz que tenha ajudado você 💜
Muito bom !!!!! Ótemo!
Muito obrigadaa, Larissa💜
kipper bjs ce eh muito diva, ótima aula
Muito obrigadaa, Ruan! Fico feliz que tenha gostado
Conteúdo sensacional!!!
Muito obrigada, Leandro 💜
Muitoo bom! E muito obrigada Fernanda...deu um clarão aqui rsrs aprendi ;-)
Muito obrigadaa, Cassia
E fico muito feliz que você tenha aprendido 💜
Tirou minhas dúvidas, obrigado!
Fico feliz em ter ajudado 💜
exatamente um dos conteúdos que eu mais tô aprendendo/praticando nos últimos dias 🤯
explicação muito boa!
Nossa, que coincidênciaa! Valeu Renato 👊
@@kipperdev tô aplicando um pouco do HTML e CSS que sei em uma landing page (projeto real), usando muito flexbox 😂
Suas aulas são muito boas, na verdade excelentes, mas pra ficar melhor vc poderia fazer uma com um CRUD usando Nextjs, tailwind e Prisma 😉
top ajudou dms
Que bom que ajudou, João, fico muito feliz 💜
Kipper do céu, sua didática é tão boa quanto a da Rocketseat, já pensou em dar aulas lá?
Olá Fernanda, parabéns e obrigado pelo vídeo muito bem explicado. Consegue por favor me indicar o tema de cores que usa para o CSS no VSCode
te vejo como uma figura materna
fernanda, vc tem uma didádica impecável. já pensou em lançar um curso de front, tipo, na Udemy , por exemplo, um combo de HTML, CSS, Js, Ty e Angular? venderia fácil.. E ajudaria muito a comunidade. um abraço
Concordo plenamente contigo, esperando ela disponibilizar o curso que estarei lá com toda certeza.
Se ela fazer estilo o Jonas Schmedtmann, tira uma grana bruta fácil.
@@Nanami_Money e outra.. tem um professor aí que é muito bem avaliado na Udemy. que tem uma aula de flexbox aqui no youtube tbm e que é de 50 min.. essa mini aula da Fer, com menos tempo, me fez enender muito melhor que esse professor
Faz um vídeo com exs de sites semânticos 🥹🫶
Salve!
Ideia anotada! Valeu, Mateus 💜
Oi Fer! Boa tarde :)
Oii Leo, tarde!! 😊
Pessoal vcs acham que a barreira de entrada no mercado é mais """ fácil """" com c# ou java ??
Muito legal! Justify content e align items confunde mesmo...
Muito obrigado, Victor! Pse...
Fer, me tira uma dúvida... Você é fullstack? Se sim, poderia mostrar uma aplicação simples se conectando front com back?
Oii, Silas. Sou sim.
th-cam.com/play/PLNCSWIsR6ADJpKXDybHpXTOnVmxZFQaAE.html Nessa playlist a gente monta, em 4 vídeos, uma aplicação completa com Java no backend e React no frontend.
Espero que goste!
Oi Fe, você poderia fazer um sobre animações?
Oii Lipe, claro! Vou adicionar na lista de próximos videos :)
@@kipperdev obrigaaado Fe!
É de chorar kkkkkkkk