Aprenda Flexbox em 20 minutos - Tutorial de Flexbox

Поделиться
HTML-код
  • Опубликовано: 9 янв 2025

Комментарии • 95

  • @MatheusBattisti
    @MatheusBattisti  2 года назад +3

    ⭐ Conheça a nossa plataforma de cursos: www.horadecodar.com.br/comunidade-hora-de-codar/

  • @codeminde4727
    @codeminde4727 Год назад +18

    Quer dominar css? Procure quais as propriedades para o container pai e quais as propriedades para os itens filhos. Enquanto nao dominar esse conceito, sempre o dev, ira passar stress acima de stress, por aplicar as coisas em lugar errado.

    • @silvamartins9823
      @silvamartins9823 8 месяцев назад

      O que é Pai e filho?

    • @claudiomarques-z8g
      @claudiomarques-z8g 8 месяцев назад +1

      E você sabe onde posso encontrar uma aula ou demonstração das propriedades de pai e filho ?

    • @moisesmonza4716
      @moisesmonza4716 7 месяцев назад +2

      @@claudiomarques-z8g isso é conceito de logica de programacao, mas ele deu uma ideia no inicio da aula. Basicamente elementos pai sao aqueles q encapsula outros elementos dentro de si, como nos 'containers' de exemplo da aula. Os elementos filhos sao todos aqueles que estao inseridos em outros, como os elementos 'item' da aula.
      Um exemplo que me ajudou a entender isso qnd eu tava iniciando foi o da caixa de sapato klkkk imagine a caixa como elemento pai e o sapato como elemento filho.

  • @jeffsilva
    @jeffsilva 3 года назад +55

    Mano.... esse Matheus está se superando.... atualmente um dos melhores professores da Udemy e RUclips... vai nessa força, tu merece. Sempre esmerado.

    • @MatheusBattisti
      @MatheusBattisti  3 года назад +2

      valeuu Jota, obrigado mesmo pela força! =)

  • @matheusflores9491
    @matheusflores9491 4 месяца назад +1

    Mano, vc é foda, estava me batendo muito no Flexbox, em 09:08 de vídeo já me esclareceu muita coisa!!!

  • @delicodii5211
    @delicodii5211 5 месяцев назад

    Quantos mais professores bons, melhor. Obrigado! Queria poder dar 2 likes

  • @elizeucorrea7730
    @elizeucorrea7730 2 года назад +6

    é bom saber que existem conteúdos como esse em meio a tanta baboseira e perca de tempo por ai. Cara, você relamente ajuda muito pessoas que querem aprender de verdade. Obrigado por tirar um pouco do seu tempo e gravar esse conteúdo aqui pra gente! "Gestos simples faz toda a diferença."

  • @AndrewsViegasLeal
    @AndrewsViegasLeal 2 года назад +4

    Pena eu não te conhecido teus cursos antes de comprar da OBC, paguei 475 reais, estou a 2 meses e mau consegui aprender o grid e flex box, por isso recorri ao YT, onde achei teus vídeos. Tuas alas são ótimas, explica sem pressa, informações completas e bem claras. Eu salvei o link da tua plataforma de curso, caso eu não consiga me adaptar as aulas do curso que já paguei estarei adquirindo os teus cursos.

    • @romuloscamargos3956
      @romuloscamargos3956 Год назад +1

      Um conselho de quem rodou por anos querendo aprender algo em cursinhos na internet, procura uma boa universidade da sua região e inicia o quanto antes (não faça EAD!), recomendo se quer programar, engenharia de software ou análise e des. de sistemas, lembro que aprendi mais em dois meses na faculdade na prática do que em anos fazendo cursinhos. Existem ótimos cursos online, como os oferecidos por grandes universidade do mundo pela plataforma EdX. De resto não recomendo nenhum, e mesmo se aprender algo, hoje em dia conseguir uma vaga sem um diploma está beeeeem dificil, quase impossível.

  • @gustavopacheco6187
    @gustavopacheco6187 Год назад

    Caralho, o maluco domina o assunto com tanta maestria qual a explicação dele e muito fácil.

  • @walterbranco8798
    @walterbranco8798 3 года назад +3

    Explicação enxuta, objetiva e prática. Parabéns!

  • @henriquepicanco97
    @henriquepicanco97 2 года назад +1

    Muito bom! Já conhecia Flexbox, mas nunca soube sobre o flex-grow, flex-shrink e flex-basis! A shorthand já conhecia, mas nem tinha ideia de como funcionava direito. hahahaha

  • @MarceloGranadeiro
    @MarceloGranadeiro 2 года назад +2

    Sou estudante de analise e desenvolvimento de sistemas e para alguns projetos do curso seus vídeos me ajudam muito !!!!! Meus parabéns pela didática,, continue assim

  • @guilhermemachado2580
    @guilhermemachado2580 3 года назад +10

    Faz um vídeo sobre grid também!

  • @eliasmartins9813
    @eliasmartins9813 2 года назад +1

    Até que enfim eu consegui entender Flexbox,muito obrigado!!

  • @janainaribeiro4541
    @janainaribeiro4541 2 года назад +2

    Matheus muito obrigada pela explicação você está de parabéns. De verdade sua didâtica é excelênte. Comprei seu curso na Udemy e foi um dos melhores investimentos que fiz. Quando falam que você é um dos melhores professores da plataforma é verdade. Direto ao ponto sem enrolação simplificando conceitos que pra quem está começando confundem um pouco. Desejo todo sucesso pra você!

    • @MatheusBattisti
      @MatheusBattisti  2 года назад

      oi Janaina, muito obrigado pelas palavras, e espero continuar te ajudando =))

  • @predoca46
    @predoca46 Год назад

    Melhor didática!

  • @robertodeoliveira4095
    @robertodeoliveira4095 2 года назад +1

    Muito boa essa aula valeeeeu Matheus.

  • @lhmoreira9
    @lhmoreira9 3 года назад +4

    Comprei seu curso de "PHP do Zero a maestria" Top demais !!! Parabéns ! Assim que terminar, vou iniciar outro !

    • @MatheusBattisti
      @MatheusBattisti  3 года назад +1

      obrigado Leandro!

    • @marciasimplicio776
      @marciasimplicio776 2 года назад

      Melhor professor mesmo. Comprei de git e github e finalmente entendi, ele ensinando na prática como se estivesse trabalhando em equipe. Nunca tinha visto. Foi o máximo.

  • @Um_Zuca_Dev_Na_Ilha_da_Madeira
    @Um_Zuca_Dev_Na_Ilha_da_Madeira 7 месяцев назад

    parabéns pela Aula.

  • @ivyroomgsm
    @ivyroomgsm 3 года назад +3

    Extremamente didático. Parabéns!

  • @alinnesouza4632
    @alinnesouza4632 2 года назад +1

    Aula direta e sensacional. Obrigada!

  • @jenny-hg3jy
    @jenny-hg3jy Год назад

    Aula excelente professor, obrigada.

  • @wevertonsantiago4305
    @wevertonsantiago4305 2 года назад +1

    Perfeito vídeo. Parabéns

  • @luisricardobarnabejoenck1757
    @luisricardobarnabejoenck1757 Год назад

    uau, muitissimo bem explicado. Parabéns professor.

  • @mundosdossitesoficial
    @mundosdossitesoficial Год назад

    Matheus vc ganhou mais um inscrito..
    parabéns pela aula...
    me ajudou bastante nas dúvidas que tinha.

  • @caiodouglas6062
    @caiodouglas6062 Год назад +1

    Muito bom!

  • @Seu-Ze
    @Seu-Ze 3 года назад +1

    Ai prof. Vc e dez.

  • @ronaldobezerra6703
    @ronaldobezerra6703 2 года назад +1

    Cara, essa didática fez toda diferença na apresentação desse conteúdo.
    Parabéns 👏

  • @nedersimoes
    @nedersimoes 3 года назад +5

    Excelente aula! Seria show se pudesse trazer uma aula sobre responsividade.

    • @MatheusBattisti
      @MatheusBattisti  3 года назад +2

      bom tema Neder, vou anotar aqui para uma próxima aula, obrigado!

    • @nedersimoes
      @nedersimoes 3 года назад

      @@MatheusBattisti Show!

    • @MarceloGranadeiro
      @MarceloGranadeiro 2 года назад

      Up .. esperando para aprender ☺️👏🏾

  • @pedrogabrielvilacadiniz8150
    @pedrogabrielvilacadiniz8150 2 года назад +1

    bem didático, ótimo video

  • @Antonio-go9fp
    @Antonio-go9fp 2 года назад +1

    Didática muito boa

  • @luiscarvalho5726
    @luiscarvalho5726 2 года назад +1

    Be legal as explicação, valeu!!!!

  • @zerielribeiro5787
    @zerielribeiro5787 3 года назад +2

    Muito boa explicação

  • @renanfernandes1950
    @renanfernandes1950 3 года назад +1

    mis uma aula TOP !!!!

  • @aldecirdsantos
    @aldecirdsantos 3 года назад +1

    Show de bola, muito legallll

  • @nelioaugusto5055
    @nelioaugusto5055 3 года назад +1

    aula show!!!

  • @joaopedrosassigranado3198
    @joaopedrosassigranado3198 3 года назад

    Comprei seu curso de Git e Github hoje, e pretendo comprar outros pois os seus cursos são os melhores!!!

    • @MatheusBattisti
      @MatheusBattisti  3 года назад +1

      obrigado João, te espero lá no de git =)

  • @mirelledesaalmeida8177
    @mirelledesaalmeida8177 Год назад

    Muito bommmmmmmmmm seus videos .

  • @mbs2488
    @mbs2488 2 года назад

    Excelente ! Muito bem explicado ! ! Parabéns pelos vídeos ! ! !

  • @nomadealex
    @nomadealex Год назад

    Muito boa a aula

  • @andreray1795
    @andreray1795 3 года назад +1

    ótima aula

  • @xpertguinho
    @xpertguinho 2 года назад +2

    Aprendendo mais aqui do que no curso que paguei pra ter

    • @MatheusBattisti
      @MatheusBattisti  2 года назад

      que bom que estou te ajudando Razuk, abraço!

  • @MatheusBattisti
    @MatheusBattisti  2 года назад

    📗 Garanta o seu ebook de boas práticas com HTML e CSS gratuito: www.horadecodar.com.br/ebook-melhores-praticas-html-e-css-gratuito/

  • @simonereis969
    @simonereis969 Год назад

    muito bom

  • @PedroHenrique-zn6km
    @PedroHenrique-zn6km Год назад

    Boa noite Matheus, quando eu quiser usar o wrap, eu não consigo definir quantas caixas eu quero pular pra próxima linha?

  • @kurotetsuia3700
    @kurotetsuia3700 2 года назад

    flexbox facilita muito na hora de fazer responsivdade ne

  • @TheWagnersr92
    @TheWagnersr92 2 года назад +1

    Excelente explicação.
    Vai sair um curso de React ?

  • @AugustoNeves03
    @AugustoNeves03 3 года назад +3

    O de Grid layout sai quando? 😅

    • @MatheusBattisti
      @MatheusBattisti  3 года назад +2

      como a galera tá pedindo, quem sabe semana q vem haha =D

    • @guilhermemachado2580
      @guilhermemachado2580 3 года назад

      @@MatheusBattisti Mas aí tu faz com 2 horas de vídeo!

  • @Caminhosdosul
    @Caminhosdosul 3 года назад +1

    Uma curiosidade, como tu faz para a page atualizar sem tu dar f5 quando tu mexe no código??

  • @flavioleandro4320
    @flavioleandro4320 3 года назад +1

    Faz curso de PHP e WordPress juntos

    • @MatheusBattisti
      @MatheusBattisti  3 года назад +1

      o de PHP já tem hehe, talvez colocar o WP lá

  • @hamiltoncesarprestesdasilv7659
    @hamiltoncesarprestesdasilv7659 2 года назад

    qual o theme que o Professor está usando nessa aula no vscode?

  • @gustavomonteiro8163
    @gustavomonteiro8163 2 года назад

    Excelente aula, mas tenho uma dúvida, se colocar texto e for diminuindo a tela o texto "escapa" de dentro da caixa, como resolver?

    • @elizeucorrea7730
      @elizeucorrea7730 2 года назад

      Dependete muito de como você esta desenvolvendo o seu projeto, porém quando isso acontece tem como tu adicionar uma regra pelo css atráves do @midia pra sua tag se tornar responsiva.

  • @maellcarter9065
    @maellcarter9065 Год назад

    Olá professor , tudo bem ? Tenho uma dúvida, sempre que estou procurando por aulas de CSS ouço que um documento um documento pode ter apenas um ID mas como no seu exemplo vejo e em alguns outros sempre vejo usarem mais de um id as vezes. E isso me deixa muito confuso, é um ID em apenas em um documento, mais qual documento ? Pode ter mais de um ID em mais de uma DIV porque não é considerado um documento? Se o senhor ou mais alguém conseguir me explicar agradeceria, obrigado pela ótima aula e até mais.!

    • @xurupitas2
      @xurupitas2 Год назад +1

      Isso vai de acordo com a necessidade do projeto. Neste caso do exemplo, foi utilizado mais de uma ID pois para cada .item, ele precisava de um style diferente. O ID representado por hash no CSS indica para ele que AQUELA div vai ter seu próprio estilo. No outro caso, ele usa class pois todos os elementos podem ser (de acordo com a necessidade do projeto) com styless iguais. Por fim, acredito que para seu questionamento a resposta é “Depende”. Depende do que está sendo solicitado, da necessidade do projeto e suas características. Estou estudando também é acredito que seja uma boa ideia, ou pelo menos um começo 🤔🤔🤔

  • @ederdaniel22
    @ederdaniel22 3 года назад +1

    Boa noite professor, tentei adquirir o curso de HTML e CSS na Udemy, mas não aceita pagar, tentei com cartão e boleto, mas nenhum dois deu certo, se puder me ajudar eu agradeço.

    • @MatheusBattisti
      @MatheusBattisti  3 года назад

      Opa Eder, o que acontece ?

    • @ederdaniel22
      @ederdaniel22 3 года назад

      @@MatheusBattisti Eu entro faço o pedido, seleciono o cartão e clico em pagar, o sistema pede pra entrar em contato com o suporte, já enviei, mas não obtive resposta

  • @entonykaty2614
    @entonykaty2614 9 месяцев назад

    como ele pula de um valor de propriedade para outro tão rapidamente? e colocar como comentário tão rápido?

  • @peter8796
    @peter8796 2 года назад

    esse flex-basis e flex-grow não entra na minha cabeça por nada

  • @CLEISON304
    @CLEISON304 Год назад

    Que desgraça meu programação que inferno coisa do demonio viu