CSS Grid Layout e Flexbox - Quando Utilizar
ฝัง
- เผยแพร่เมื่อ 11 ก.ค. 2024
- Entenda como posicionar elementos utilizando CSS Grid Layout e Flexbox.
Curso Gratuito de CSS Flexbox
www.origamid.com/curso/css-fl...
Curso Gratuito de CSS Grid Layout
• 🐺 CSS Grid Layout - Cu...
Arquivos da aula:
github.com/origamid/publico/t...
00:00 Introdução
07:50 Flexbox
13:00 Grid 1
23:40 Grid 2
29:15 Grid 3
I did not understand your language, but the examples are ao amazing and easy to follow. Thank you so much for doing this. Way better than a lot of big english channels out there.
true
yah, this is a god very good!!
Yes. I also didn't understand and come to know now its Portuguese. Wonderful and best examples. Do you have also videos in English...if not never mind...examples are wonderful....Awesome.....
Que Orgulho da Origamid
he's a wizard guys
18:13 Posicionar item no GRID.
22:48 Outra forma de posicionar item no GRID.
30:27 Mais outra forma de posicionar item no GRID.
8:25 Ri demais com "lobo1.jpg" legenda "bicicletas"
Mas a aula em si, é excelente.
Obrigado
1:20 Criando cabeçalho do site
7:50 Começando com Flexbox
9:00 Minutos que fala sobre a quebra de itens
12:57 Iniciando com Grid
20:55 Parte responsiva com Media Query
23:50 Criando site semelhante ao TH-cam com Grid
Aprendi flexbox e grid gratuitamente aqui e Hoje me tornei aluno oficial da Origamid la na plataforma de cursos, agora bora pro JavaScript, depois React e depois Vue o céu não é o limite :D
Comentário muito inspirador 🙌
@@aliciasilva1421 tmj Alícia.
@@brunosantanadev e aí Bruno! Como tá sua carreira? Os cursos foram bons?
Tbm gostaria de saber sua evolução
@@humbertolima2339 e @Cassio Szerniak estou estudando ainda mano tive alguns problemas como doença acabei ficando 5 meses sem estudar, mais sigo estudando.
Evoluir é necessário e eu não vou para até atingir meu objetivo, eu estava indo com um pouco de pressa e agora estou estudando sem pressa para absorver bem o conteúdo.
em 2014 eu tinha parado de estudar, abandonei legal e ai no final de 2020 eu voltei e tomei um susto kk.
A web mudou muito é muito novidade para aprender kk, mais pra mim isso não é problema, o maior problema é tempo.
Se vocês pensão em fazer o curso dele eu recomendo que faça, a didática é perfeita, não tem como não aprender.
Melhor investimento que fiz.
O CARA É SENSACIONAL
MEO DEOS, 3 anos dps e ainda é a melhor aula de grid.
Fazia tempos que não lidava com front-end, não lembro de ter esses conceitos de grid e flex, fiquei abismado com a facilidade de criar uma top-bar.
e me lembrar que meados de 2007 estava criando top bar com kkk
@@GabrielRodriguesDEV kkk que gambiarra kk
float: right;
@@GabrielRodriguesDEV IE6 vs Netscape. kkkkkkkkkkkkkk
Ainda lembro do tempo do tablet fiz muito KKK pra vender.n
Código Totalmente limpo sem mi mi mi. Excelente!!! eu estava horas e horas buscando exatamente esse conteúdo. pois eu sabia que era possível fazer isso eu só não sabia como organizar muito obrigado❤🔥💯
Agradeço por compartilhar um pouco do seu conhecimento com a comunidade. Parabéns pelo grande trabalho.
Que didática incrível! Parabéns cara!
Que vídeo incrível, super direto, sem enrolação e fácil de entender e acompanhar. Parabéns
Show! Seu conteúdo nos inspira a sair da zona de conforto. A gente acaba usando frameworks css pra tudo. Mas ao assistir vídeos como esse, dá gosto começar novos projetos usando 0% de frameworks css.
Com certeza. Mesmo com a facilidade que wordpress nos oferece, sempre busco fazer do 0 meus projetos. Até porque, mesmo que André, informa para não tentar inovar muito, sempre gosto de inventar alguma coisa. Claro que não sujando a visualização do site.
@@Alexandre_79 Eu nunca acho suficiente os template do wordpress que acho, sempre tem ajustes que quero fazer e não consigo ou da mt trabalho, uma dificuldade que enfrentava era o posicionamento já que o wordpress é dinamico, agr com esse grid sei que consigo fazer o que quero e irei criar template do zero utilizando-o, mt bom achar conteudo bom e ainda usar ferramentas puras até pra sempre otimizar
Comecei a aprender python, mas depois descobri que tá tudo pronto não é só ir nos framework e em suas respectivas bibliotecas e documentações, saí dele e fui pro html e css puro indo pro JS.
Sia0q
Simplesmente incrível ! Parabéns pelo conteúdo.
Meu deus cara! Seu vídeo é muito bem explicadinho, que conteúdo de qualidade.
Eu sinceramente estou muito surpreso.
cara, seu video está muito bom, bem explicativo, seus exemplos estão bem feitos e bem gravados e super faceis e aprender e replicar, continue com mais videos assim!!
Um dos melhores vídeos sobre CSS... Muito obrigado e parabéns!
Muito bom, André! Definitivamente a melhor aula sobre o assunto. Considerarei a Origamid para o meu próximo curso. Obrigado.
Cara, parabéns pelo conteúdo muito bem explicado e simplificado.
Obrigado por vc postar um conteúdo tão TOP!!!
Muita qualidade em um vídeo só. Parabéns e obrigado!
Incrível seus vídeos professor André Rafael. Uma qualidade de conteúdo absurda!
Recomendo demais seu canal.
mds, essa aula foi impressionante!!! amei, traz mais videos, eles são muito didaticos......um dos melhores que tem no youtube!
muito boa a sua explicação, parabéns por dividir esse conhecimento!
Parabéns, vídeo muito bem explicado, didático e sem enrolação, me ajudou demais no meu próximo projeto
Muito massa, esse vídeo foi um dos motivos pelo qual adquiri os cursos pagos da Origamid, o André é foda!
cara namoral, eu estava procurando algum tutorial de CSS, para poder entender o que cada função fazia mais afundo... encontrei seu video e apesar de não ter sido o que eu estava procurando, me ajudou de mais. Uma didática rápida e clara. Prabéns! +1sub
Cara, esse vídeo é muito top...sem frescura, direto ao ponto
Muito show! Gostei demais da aula, direto ao ponto 👏🏻
A didática baseada em aplicação de exemplos é excelente. A melhor que já vi até agora. Obrigado pela contribuição com a comunidade.
2 anos depois esse video me ajudou muito! Gratidão eterna irmão!
Os cursos são fantasticos. Poucas vezes vi um material de tão excelente qualidade. O instrutor domina o assunto e passa de forma didática.
Estou encantado com os videos da Origamid, sensacional, parabens.
Amei o modo como explicas e até parece que entendi melhor do que na formação ( dás num óptimo prof, mano)! Obrigado por partilhar seu conhecimento. Força
Realmente um vídeo para ser colocado na galeria dos mais acessados. Parabéns pelo belo trabalho.
Parabéns. Uma super aula para entender de vez o funcionamento de CSS grid e flex.
Cara, muito, muito, muito obrigado! Aula excelente. Prática e direta.
Que aula maravilhosa cara, parabéns, fiquei admirando seu trabalho e conhecimento, se um dia eu atingir 20% da sua habilidade ficarei muito feliz, grande abraço.
Esse vídeo foi o mais completo que vi com grid e flex na prática. Parabéns pelo trabalho! 👏👏
Cara, que aula top! Os exemplos são os melhores!!
Melhor vídeo explicativo de Grid e Flex que já vi pela Internet. Se os videos dos cursos forem desse nível, vou fazer sem dúvida.
Sem dúvidas um dos melhores videos sobre Front End e talvez o melhor sobre CSS GRID E FLEXBOX que podemos encontrar em português, parabéns!
Foi um dois melhores vídeos (se não o melhor) que já vi de CSS. Responsividade em 12min sem media queries!! Muito foda!!!
Caraca. O melhor que já vi. Obrigado!!!! Aprendendo a gostar de css com você
Cara! fantástico. 1 mês de conteúdo em uma aula. Só tenho a agradecer!
Muito bom, explicação clara e facil de compreender. Um maximo esse conteudo.
Simplesmente abismado com a explicação , um modo simples e perfeito criando assim um aprendizado gratificante , super fácil de entender, já havia procurado vários vídeos sobre grid , mas nenhum explicando tão bem assim. Parabéns ao instrutor!
Bravo! Excelente aula. Boa didática e objetividade. Sem enrolação, direto e eficiente. Parabéns pelo trabalho. Vou salvar pq sei que vou ver e rever ;)
Melhor tutorial de CSS que já assisti até hoje!! Caramba!
De tantos vídeos que vi sobre tal assunto, foi o que mais abriu minha mente. OBG!
Show! Show! Ótima aula. André domina perfeitamente a parte teórica com a prática.
Foi uma aula grande porem 100% produtiva. Muito obrigado!
Fantástico vídeo. sem enrolação e informação clara. Parabéns.
Cara curti muito o vídeo. É difícil achar gente q explica cada elemento que está utilizando, e vc fez isso mt bem. Show
Caraca! Que aula... Já estava a 3 dias tentando aprender essa parte e em duas vezes que assistir foi o suficiente... Parabéns pelo conteúdo e por ser direto sem muita teoria...
Rapaz , já vi vídeo de css mais esse aqui tá liderando no quesito qualidade + relevância +tudo.
Que incrível.
O cara é o magaiver
.
Cara cê tá de parabéns!!! Pra mim que ainda está aprendendo o Grid, sua aula foi espetacular! Caramba que linguagem clara e simples. Nunca vi um tutorial desse tipo tão simples e fácil de entender. Vlw!!!
Melhor conteúdo que já vi, explicação simples é direta ao ponto.
Muito boa explicação, me tirou todas as dúvidas acerca do flex e do grid. Parabéns, show!!!
Parabéns pelo vídeo. Ótimo conteúdo, objetivo e bem simples.
Primeira vez que eu vejo alguém estilizar assim com tanta facilidade e precisão. Parabéns 👏👏
Conteúdo top dms! Vlw dms por compartilhar todo esse conteúdo conosco!
Excelente video, entendi claramente as diferenças e aprendi de modo fácil como usar o grid e quando usar um ou outro!! Obrigado.
André, aula top! Parabéns pela didática. Direto ao ponto.
Esta é primeira vez em que eu dei um "Like" em um vídeo.... merecedor... parabéns...
Sua didática é incrível!!! Levei três dias para terminar hahah Mas aprendi, de modo efetivo, algo que já estava levando semanas. Muito obrigada! :)
Coloquei nos favoritos para voltar aqui cada vez que tiver uma dúvida... muito bom.
Melhor explicação que já vi no youtube sobre o assunto, obrigado pela aula
muito boa aula,todas as aulas do youtube tem muita enrolação aqui vai direto ao ponto,muito bom.
Excelente didática e forma de mostrar a aplicação na prática... Ganhou mais uns inscrito... Parabéns!
Excelente seu vídeo!! Muito obrigada por compartilhar seus conhecimentos.
Melhor vídeo sobre o assunto que eu já assisti.
Excelente, estou criando sites com react e na hora de pensar em desempenho eu já pensava no Flex, mas fui expandir minha mente e achei essa perfeição ensinando bem que ambos são bons e o poder dos 2.
Fez isso parecer tão fácil haha Excelente explicação, muito obrigado por essa aula!
cara, você foi o melhor professor da área até hoje... meus parabéns, e só tenho a agradecer ^^ +1 sub e um novo aluno no seu curso.
Andre, mais um show de aula. Parabens.
Mano, que vídeo top. Vc manja muito. Parabéns.
Que explicação e didática magnífica!
Excelente explicação, muito prático mesmo! Parabéns.
S E N S A C I O N A L ! TUDO Muito bem explicado ! ! Parabéns pelos vídeos ! ! !
Muito Obrigado! Ótima a explicação e a ideia de comparar Grid Layout e Flexbox. Parabéns e obrigado.
Genial! Muito obrigado por disponibilizar essas informações 👏👏👍
Parabéns. Aula bem explicada. Sinto falta disso em cursos por aí!
Cara vc e um homem abençoado, pelo conhecimento que Deus te deu e por ter grande talento na sua área. Pretendo fazer seu curso em breve quando sair outra promoção.
Valeu pelas dicas. Ajudou muito nas dúvidas que tinha!
Alem de dominar css eh excelente professor didatica incrivel, impossivel nao aprender +1 inscrito e obrigado pessoas assim transformam o mundo
Adorei essa aula, quando o professor sabe ensinar a matéria fica fácil de compreender. Com certeza vou me inscrever nos teus cursos pagos e seguir meu desenvolvimento. Estou retornando a carreira de front-end depois de 7 anos fora da área e tenho muita coisa pra me atualizar, mas gostei muito do que ví aqui. Um abraço e parabéns pela aula!
Achei esse vídeo maravilhoso! uso flexbox há anos e não entendia vários elementos que eu usava hahahah agora está muito mais fácil!
Esse vídeo simplesmente explodiu minha cabeça, está foda e fácil de entender.
que aula foda irmao, ainda pra mim que estou iniciando em html, css, voce foi rapido, mas foi pausando, testando, escrevendo, voltando, e deu pra entender bem legal, belo trabalho !
Craque, aprendi muito aqui! Obrigado por compartilhar.
Vídeo 10/10 me ajudou muito a entender detalhes que me passavam despercebido. Parabéns pelo vídeo.
Parabéns pelo conteúdo, muito bem explicado.
Ainda um dos mais completos sobre o assunto! Depois de dois anos ainda procuro por este vídeo quando fico na dúvida... sou backend e raramente preciso mexer no front...
Aula Incrível ! Muito obrigado cara. Ajudou muito, e super didático tbm :D
melhor video que já vi sobre flexbox e grid parabéns pela didática.
Aula direto ao ponto, top 🎉 ❤
Kramba. Um dia chego nesse nível de domínio apesar de ser mais fan do back-end. Muito obrigado pelo vídeo.
SENSACIONAL!!!! Esse cara é o melhor br quando o assunto é CSS.
Parabéns e obrigado pelo vídeo. Exemplos e didática muito bons.
Antes mesmo de acabar de ver vídeo, já amei... Nunca me apaixonei assim tanto por HTML e CSS, mas este vídeo me deu está paixão...Amei de verdade!
Professor que aula top!!! Parabéns!