CSS Flexbox - Tudo o que você precisa saber

  Рет қаралды 21,436

Otávio Miranda

Otávio Miranda

Күн бұрын

Пікірлер: 73
@navegandoemc0d1gos
@navegandoemc0d1gos Жыл бұрын
50:40 É desse jeito que gosto, conteúdo profundo! Aproveitei para listas o tempo de da tópico da aula: 0:00 - Introdução 0:30 - O que é flexbox? 1:36 - Criando o HTML 3:40 - Estilizando o CSS 5:00 - display: flex; 6:40 - flex-direction: row; 10:30 - justify-content 14:50 - flex-direction: row-reverse; 15:59 - flex-direction: column; 18:39 - gap 20:19 - align-items 25:54 - flex-wrap 28:00 - flex-flow 28:55 - align-content 31:38 - order 36:10 - flex-grow 39:14 - flex-shrink 41:45 - flex-basis 44:00 - Shorthand flex 45:32 - align-self 46:49 - centralizar um elemento usando o flex 48:23 - Tornar um flex-item em flex
@dinodrivesclub4282
@dinodrivesclub4282 9 ай бұрын
Obrigado, nem todo herói usa capa heim!
@queirozm.santana9908
@queirozm.santana9908 2 жыл бұрын
grato pela aula prof. Queiroz de Angola, em breve serei seu aluno de react, tou lutando pra conseguir uma grana
2 жыл бұрын
Manda um e-mail pra mim falando isso (meus contatos estão no perfil do YT).
@felipequeiroz9093
@felipequeiroz9093 2 жыл бұрын
Olá professor sou seu aluno de javascript e typescript, sou grato pelas aulas aqui do youtube e da udemy, muito conteúdo de qualidade!
2 жыл бұрын
Que massa, muito obrigado
@guimaraesflavio
@guimaraesflavio 10 ай бұрын
Você precisava criar um curso de como dar cursos!!! Parabéns pela didática, primeiro vídeo sobre flex box que realmente explica o comportamento e não fica só descrevendo funções!
@junior1992a
@junior1992a Жыл бұрын
gostei muito da didática. Parabéns!!!
@wanielle_
@wanielle_ Жыл бұрын
Pela primeira vez vi minha vida toda sendo resolvida nos primeiros 10 minutos de vídeo! Gratidão! Conteúdo incrível, 50 minutos de puro aprendizado!
@DeVictor2002
@DeVictor2002 3 ай бұрын
Voltando aqui pra agradecer , só com essa aula consegui dominar de verdade o display flex , ótima didática !
@natanrelva
@natanrelva 2 жыл бұрын
Nossa,você não sabe o tanto que carinho que tenho por você mestre. Até hoje me ajudando, sucesso amigo .
2 жыл бұрын
Ahh obrigado 🙏
@wevertonsilva6305
@wevertonsilva6305 2 жыл бұрын
Muito bom, sempre com uma ótima didática! parabéns, e obrigado pelo conteúdo.
@ricardoferreira3252
@ricardoferreira3252 2 жыл бұрын
Aula excelente, sem dúvida umas das melhores que tem aqui no YT !!!
@app2028
@app2028 Жыл бұрын
Muito boa guerreiro, já comprei vários cursos seu sempre com uma qualidade absurda super incrível!🎉
@JeanOmeg
@JeanOmeg 2 жыл бұрын
Sou aluno do curso de javascript e python lá da udemy, vc eh o melhor professor, parabéns e muito obrigado mestre 😁
2 жыл бұрын
Obrigado, de coração 🥰
@flavianofreire479
@flavianofreire479 Жыл бұрын
mano, que isso, segundo video qu vejo seu, to parando no meio do video pra dizer que vc explica muito bem, isso tava dando m nó na minha cabeça kkkkkk ajudou muito. valeu
@NayT0N
@NayT0N 2 жыл бұрын
Valeu mestre😀. Excelente aula. Sugestão: Colocar na descrição do vídeo o link da playlist em que esse vídeo está.
2 жыл бұрын
Show, valeu
@viniciusaraujo718
@viniciusaraujo718 Жыл бұрын
Obrigado por essa video aula sobre display flex! Aprendi muito sobre como usar essa propriedade para organizar elementos HTML de maneira mais eficiente e flexível. Fiquei surpreso com a quantidade de opções e recursos disponíveis para trabalhar com o flexbox e como eles podem ser facilmente aplicados em projetos web. Agradeço pela clareza e paciência ao explicar cada conceito e exemplo. Estou ansioso para colocar em prática o que aprendi e continuar aprendendo mais sobre essa poderosa ferramenta de design web. Muito obrigado! Comprei um dos seus cursos na Udemy.
@tiagof5623
@tiagof5623 Жыл бұрын
Assisti um aula de mais de 2h em outro canal e sai meio perdido. Não foi ruim de tudo, mas com essa aula, só os primeiros 20 min. foram mais q suficientes para entender. Essa do eixo principal e transversal foi demais! Os detalhes q fazem a gente pensar como as coisas funcionam. Agora, não tem como esquecer. Valeu!
@fernandoi.kobayashi9826
@fernandoi.kobayashi9826 Жыл бұрын
Obrigado pela aula, bem didático. Muitas coisas que eram nebulosas para mim foram sanadas.
@diegoredeti
@diegoredeti 4 ай бұрын
Obrigado pela excelente explicação professor, eu estava com dificuldade em compreender esses conceitos.
@erike4528
@erike4528 Жыл бұрын
Cara... que aula sensacional, esclareceu muita coisa. Valeu mestre Otavio!
@Matheus.Stopinski
@Matheus.Stopinski Жыл бұрын
Vc é demais amigo. Gostei da aula!!!!
@alanrodriguesprimo6888
@alanrodriguesprimo6888 Жыл бұрын
Chegou a luz que eu precisava kkkk, obrigado cara você é fera !
@Brasil.2033
@Brasil.2033 13 күн бұрын
eixo padrão: HORIZONTAL - em linha segundo eixo: VERTICAL - em coluna
@hgkiller84games57
@hgkiller84games57 Жыл бұрын
Top Top de mais valeu man, estava a algum tempo atrás de uma explicação assim, simples e direta, ganhou um inscrito.😅😅😅😅
@oyasumigabriel
@oyasumigabriel 2 жыл бұрын
Dica para entender sobre eixos, estude um pouco de matemática cartesiana. "Main Axis" é o eixo X, "Cross Axis" é o eixo Y. só uma sugestão, funcionou pra mim :)
2 жыл бұрын
Boa
@85dansurf
@85dansurf Жыл бұрын
Muito obrigado, por esse resumo, já sabia digamos 50% do flexbox, depois desse vídeo cheguei a 99%, o outros 1%, será fazendo na prática .
@renandeoliveira751
@renandeoliveira751 Жыл бұрын
Conteúdo sempre top! Um dos melhores! professores!
@eduSombeR
@eduSombeR 2 жыл бұрын
Achei aqui, gostei comprei na Udemy seus cursos. Ótima didatica!
2 жыл бұрын
Obrigado 🙏
@davidmariosa8463
@davidmariosa8463 5 ай бұрын
MEUS AMIGOS QUE AULA!
@hendcode
@hendcode 2 жыл бұрын
Adoro o seu conteudo professor. Sou seu aluno na Udemy e curto muito o conteúdo. Se puder faz um video desse porém de GRID
2 жыл бұрын
Podexa
@Mania_de_Gato
@Mania_de_Gato Жыл бұрын
Vc eh MT fera Otávio! Seu curso da Udemy eh bom demais 😍
@dinodrivesclub4282
@dinodrivesclub4282 9 ай бұрын
parabéns pelo conteúdo
@cicerofernandes9796
@cicerofernandes9796 2 жыл бұрын
Muito bom, ainda compro todos seus cursos da udemy, já estou na caminhada
@leandropastena9500
@leandropastena9500 Жыл бұрын
Excelente explicação! Obggg
@raymond16917
@raymond16917 Жыл бұрын
Top de mais de mais de mais muito obrigado.
@gigachad9110
@gigachad9110 2 жыл бұрын
Professor faz um video explicando melhor o dot env
@dinodrivesclub4282
@dinodrivesclub4282 9 ай бұрын
Sensacional!!!
@BKXA
@BKXA Жыл бұрын
Que aula excelente!
@FranciBahamult
@FranciBahamult 6 ай бұрын
+1 inscrito! Aula show!
@Clebsonalves
@Clebsonalves Жыл бұрын
Flexbox é vida, e o grid tbm👍😂
@pablocardellino6547
@pablocardellino6547 2 жыл бұрын
Muito bom este vídeo, esclareceu bastante o uso de flex. Você tem um deste mesmo tipo para grid? Não achei no teu canal.
2 жыл бұрын
Ainda não tem, mas estou providenciando
@rjunior_go
@rjunior_go Жыл бұрын
Muito bom 👏
Жыл бұрын
Obrigado 👍
@marcelocguilherme
@marcelocguilherme 2 жыл бұрын
Excelente conteúdo!
2 жыл бұрын
Valeu 🙏
@eletrotech51
@eletrotech51 6 ай бұрын
Muito bom
@GuilhermeDavino
@GuilhermeDavino 2 жыл бұрын
Professor, seu curso de react e next.js é uma versão aprofundada do curso javascript, assim como o de Django é uma versão aprofundada da sessão Django no curso de python?
2 жыл бұрын
Exatamente...
@lucianoferreira8620
@lucianoferreira8620 Жыл бұрын
Valeu!
Жыл бұрын
Desculpa a demora, eu realmente não tinha visto seu comentário. Agradeço demais =)
@helder-rangel
@helder-rangel 4 ай бұрын
😃
@henriqueteixeiradev4751
@henriqueteixeiradev4751 Жыл бұрын
Muito Boa Tarde Otávio... Quando poder lança uma vídeo aula fazendo um design responsivo utilizando o mínimo de design adaptativo e mais design responsivo, se é que você me entende. Ex: Com o mínimo de media query e break points possível deixa tudo no automático, quebra de linha e etc
@henriqueteixeiradev4751
@henriqueteixeiradev4751 Жыл бұрын
Sei que tem um monte de vídeo aulas fazendo, más com você ensinando eu entendo muito mais e sempre tem as sacadinhas que você passa
Жыл бұрын
@@henriqueteixeiradev4751 eu acho que já vamos ter... Acompanha aí esse curso de HTML, que nele devemos ter algo similar a isso.
@henriqueteixeiradev4751
@henriqueteixeiradev4751 Жыл бұрын
@ opa legal
@0zero030
@0zero030 Жыл бұрын
eu tenho pai com display flex e um Filho e dentro do filho tenho outro eu quero mover o Filho dentro do filho como eu faria
@JoaoPedro-hx9ls
@JoaoPedro-hx9ls Жыл бұрын
O que aconteceu nesse momento? 3:09
@ReinaldoAdrianoBH
@ReinaldoAdrianoBH 2 жыл бұрын
Com o Flexbox o float ficou depreciado ou ainda tem casos em que pode ser usado?
2 жыл бұрын
É raro eu usar, mas você pode colocar uma imagem em volta de um texto com float.
@ayredantara6838
@ayredantara6838 2 жыл бұрын
Desculpa eu te perguntar, como você fez para emagrecer? Obrigada, tá muito esbelto =D
2 жыл бұрын
Sem problema, acho que vou criar um canal sobre isso. Mas em resumo, dieta e musculação.
@ayredantara6838
@ayredantara6838 2 жыл бұрын
@ Nossa que show, também estou nessa empreitada. Bjo. Obrigada por responder
@tutoriaisweb313
@tutoriaisweb313 Жыл бұрын
só nao dou dois joinhas por que nao da
@DanielGomes-qf4yq
@DanielGomes-qf4yq Жыл бұрын
Pra quem quer treinar um pouco esses comandos do flexbox, pesquisem "Flexbox Froggy", vai ajudar muito em fixar o conteúdo
CSS Grid - Tudo o que você precisa saber
53:59
Otávio Miranda
Рет қаралды 20 М.
DESCOMPLICANDO o CSS Flexbox 🤯  [curso gratuito no final]
33:30
Самое неинтересное видео
00:32
Miracle
Рет қаралды 2,6 МЛН
Cute
00:16
Oyuncak Avı
Рет қаралды 11 МЛН
大家都拉出了什么#小丑 #shorts
00:35
好人小丑
Рет қаралды 94 МЛН
Dominando Display Flex | Guia para iniciantes
47:57
DevClub | Programação
Рет қаралды 8 М.
Aprenda Flexbox de uma vez por todas! 😍
21:38
Sujeito programador
Рет қаралды 12 М.
Espaçamentos e a mágica do CSS Box Model | Masterclass #10
39:12
Como aprender CSS GRID de uma vez por todas! 🤯
21:19
Sujeito programador
Рет қаралды 7 М.
Como criar um slider carousel só com HTML, CSS e JavaScript
23:07
Otávio Miranda
Рет қаралды 51 М.
CSS Grid - Crie Layouts Responsivos
36:08
LayerComp
Рет қаралды 12 М.
CSS Grid Layout e Flexbox - Quando Utilizar
39:09
Origamid
Рет қаралды 655 М.
Aprenda tudo sobre positions do CSS em 25 minutos
25:17
Matheus Battisti - Hora de Codar
Рет қаралды 34 М.
O que são Containers? | #AluraMais
13:55
Alura
Рет қаралды 21 М.
Самое неинтересное видео
00:32
Miracle
Рет қаралды 2,6 МЛН