Finalmente entendi CSS Flexbox (e você também vai!)

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

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

  • @serliv
    @serliv  3 месяца назад +2

    Vem aprender HTML, CSS, Javascript ou Figma comigo. SEM MENSALIDADE. ACESSO VITALÍCIO. Tem 30 dias para pedir o dinheiro de volta caso não fiquei totalmente satisfeito
    Curso Web Front-end Fundamentos. Aprenda HTML CSS e Javascript:
    serfrontend.com/cursos/web-fundamentos-html-css/aplicando-desconto.html?d=31&m=09
    Lógica de Programação com Javascript
    serfrontend.com/cursos/logica-de-programacao-com-javascript/aplicando-desconto.html?d=31&m=09
    📙[Adquira o E-book]
    50 dicas de Refatoração de Códigos Javascript: O Segredo dos Programadores Experientes.
    go.hotmart.com/B92973901Y
    Quer ter seu portfolio ou projeto avaliado aqui no canal? Preencha o formulário: forms.gle/JPLKuhYs6o248ZKK8
    Seja membro deste canal e ganhe BENEFÍCIOS EXCLUSIVOS:
    ruclips.net/channel/UCPstMzE8bHIah0swMZL2mIgjoin
    Livros, Computadores e Periféricos que indico:
    www.amazon.com.br/shop/serliv
    Canais em redes sociais:
    Twitter: twitter.com/serlivcursos
    Linkedin: www.linkedin.com/in/serliv
    Instagram: instagram.com/serlivcursos
    Facebook: facebook.com/serlivcursos
    Tiktok: www.tiktok.com/serlivcursos

  • @alexandrecastellobranco7026
    @alexandrecastellobranco7026 3 месяца назад +7

    Parabéns pela atitude !! Essa é a atitude de um verdadeiro professor e se mesmo assim alguém desistir faz parte !!!

    • @serliv
      @serliv  3 месяца назад +1

      Valeu Alexandre. Muito obrigado

  • @jeanvicentevicente3028
    @jeanvicentevicente3028 Месяц назад

    Caraca Mermão que atitude Incrível professor NOTA 100! Sofri muito com flexbox também mais graças a Deus, e perserverança consegui entender, e agora so preciso práticar mais mesmo, mas basicamente entendo a frustação dele.
    INCRIVEL PROFESSOR COISA LINDA DEMAIS SUA ATITUDE!

    • @serliv
      @serliv  Месяц назад

      Muito obrigado mesmo pela sua mensagem e pelo carinho. TMJ

  • @joaozinhoc.8459
    @joaozinhoc.8459 3 месяца назад +1

    Parabéns pelo vídeo e pela aula! Já há alguns dois anos que não programava em angular e contava que ainda suportassem o angular fxLayout. No entanto, tal ficou descontinuado pela equipa do Google. Estava com alguma dificuldade em entender o flexbox nativo e não queria utilizar livrarias terceiras como o tailwind css sobre o angular material. Obrigado por rapidamente me colocar no caminho certo.

    • @serliv
      @serliv  3 месяца назад

      Muito obrigado João. Saiba que isso não é tudo. Mas se eu tivesse colocado tudo de flexbox nesse vídeo, o mesmo ficaria muito grande. Mas se entendeu isso que eu falei no vídeo, já sabe o suficiente para começar. Forte abraço

  • @FlavioSantos-rb7ey
    @FlavioSantos-rb7ey 16 дней назад

    Show de aula!

    • @serliv
      @serliv  16 дней назад

      Obrigado 😃

  • @viniciusferreiracarvalho-xv8pu
    @viniciusferreiracarvalho-xv8pu 3 месяца назад +1

    Muuuuito bom, parabéns pela aula, ótimo professor!
    Acabei de me inscrever no seu canal, muito obrigado!!!! 🙏🏽👍🏾

    • @serliv
      @serliv  3 месяца назад +1

      Muito obrigado pela inscrição. TMJ

  • @Guidimarcelo
    @Guidimarcelo 3 месяца назад

    Que aula sensacional. Parabéns Professor. Realmente, consegui aprender mais com essa aula incrível.

    • @serliv
      @serliv  3 месяца назад

      Fico feliz em saber. Muito obrigado pelo feedback

  • @senhorpesadelo8137
    @senhorpesadelo8137 9 дней назад

    excelente explicação

    • @serliv
      @serliv  9 дней назад

      Muito obrigado

  • @DevJohn2025
    @DevJohn2025 3 месяца назад

    professor adorei o vídeo esta muito bem explicado e muito didático , aprendi de uma vez por todas .

    • @serliv
      @serliv  3 месяца назад

      Aí sim. Muito obrigado pelo feedback

  • @kiyokosato
    @kiyokosato 3 месяца назад

    Amei sua aula, aproveitei para revisar e relembrar uns conceitos de flex box... Obrigada sempre por compartilhar seu conhecimento e principalmente pelo cuidado com as pessoas leigas , como eu.

    • @serliv
      @serliv  3 месяца назад

      Eu que agradeço pelo apoio. Muito obrigado mesmo.

  • @patricio308
    @patricio308 22 дня назад

    Rapaz eu tenho 46 anos e ja estudei tecnologias que também nao usei como voce falou, estudei o MAXX 3D e nunca usei ele para trabalho. Mas que foi uma porta de entrada na area de design.E hoje estou migrando para area de TI aqui em Brasilia-DF e ta valendo a pena e com uma proposta de trabalho com salario 5x mais do que ganho hoje. Nao desistam apesar de bem complexa as tecnologias. Espero ter ajudado.

    • @serliv
      @serliv  21 день назад

      Top. Muito obrigado por compartilhar. Desejo tudo de bom pra si nesse começo de jornada

  • @jacksonporciuncula
    @jacksonporciuncula 2 месяца назад

    Muito bom. Paciência e muita repetição é o segredo.

    • @serliv
      @serliv  2 месяца назад +1

      show. É isso aí

  • @franca4712
    @franca4712 3 месяца назад

    Bom dia professor vc faz a diferencia aqui no nosso aprendizado.

    • @serliv
      @serliv  3 месяца назад

      ☺️☺️☺️ Muito obrigado

  • @MarioEstevam
    @MarioEstevam 3 месяца назад

    Sou desenvolvedor back end, e por vezes bato cabeça me arriscando com layout. Sua explicação foi muito clara e vai me ajudar muito. Obrigado

    • @serliv
      @serliv  3 месяца назад

      Que bom que ajudou. Essa parte é só o começo do flexbox. Teve algumas coisas que eu deixei de fora pois o vídeo ficaria muito longo.

  • @bsxgamer8944
    @bsxgamer8944 3 месяца назад +1

    Eu aprendi o flexbox na DevMedia, a didática deles é boa, pq vc tem que lê e entender e depois praticar, fora que no final de cada seção tem auto atividades que faz treinar o que aprendeu.. foi assim que aprendi.

    • @serliv
      @serliv  3 месяца назад +7

      E tem a Serliv também kkk Ouvi dizer que é muito boa e o melhor é que é bem acessível. Melhor relação custo x benefício não há

  • @gabrielreis5801
    @gabrielreis5801 3 месяца назад +1

    EXELENTE EXPLICAÇÃo

    • @serliv
      @serliv  3 месяца назад

      Espero ter ajudado

  • @DeividLahasse
    @DeividLahasse 3 месяца назад +2

    Professor faça do seu jeito, pois quanto mais detalhado e explicado melhor para os estudantes.

    • @serliv
      @serliv  3 месяца назад

      Muito obrigado. pode deixar

  • @aliluzs
    @aliluzs 3 месяца назад

    comentei no outro vídeo que cheguei na parte do flexbox e senti que pesou um pouco mais na dificuldade, mas eu super acho que é questão de resiliência, como você disse. além de anotações em papel, tiro prints e faço anotações no próprio print, está me ajudando bastante dessa forma. criei uma pasta só para o flexbox (anotações, prints, imagens do próprio google, link de sites). dentro vscode também criei uma pasta só pra treino, estou adicionando conteúdos de outros professores tbm. acho que "uma hora vai"
    e tenho certeza que em vários outros momentos futuros terei maiores dificuldades com algum tema específico, acho que faz parte
    e ah! quanto a sua didática, é incrível. amo que é detalhada e paciente 🫶
    (pausei pra comentar, vou assistir a aula)

    • @serliv
      @serliv  3 месяца назад +1

      Muitíssimo obrigado pela sua mensagem. Alegrou meu dia (sério mesmo). Abração

  • @luanb2108
    @luanb2108 Месяц назад

    Eu comprei seu curso na black friday, e desde então estou aprendendo html e css. Cheguei recentemente na parte do flexbox e estou quebrando a cabeça kkk
    Eu entendi o conceito, mas na hora de aplicar parece que tudo foge da memoria e não sei quais comandos usar. Mas não vou desistir, assim como qualquer outro conceito da programação sei que leva esforço e MUITA prática

    • @serliv
      @serliv  Месяц назад

      Muito obrigado Luan. Forte abraço e bons estudos

  • @RCV_RCV
    @RCV_RCV 3 месяца назад +2

    Esse comentário sobre flexbox deve refletir o que muita gente passa, imclusive eu me vi nele. Estou a meses tentando fazer minha galeria ter a resposividade similar à da página principal do site wallpaperflare e até agora nada. Fico batendo cabeça com uma porrada de conceitos que não entendo direito e ajuda do GPT e Claude, mas eles também não coseguem fazer. O mais próximo, e ainda não tentado, é usar a biblioteca masonry js, coisa que não quero fazer. Não vou dizer que estou a meses direto, pois tenho empresa e meu tempo é curto, mas pelo tempo gasto e a falta de resultado raramente fico um dia sem pensar em desistir, mas ainda tento todos os dias.

    • @serliv
      @serliv  3 месяца назад +1

      Caramba. É aluno do curso web fundamentos ou do figma com html e css? Se sim, tem uma aula lá que montamos uma pequena galeria de imagem. Talvez ajude

    • @RCV_RCV
      @RCV_RCV 3 месяца назад +1

      @@serliv Não sou. Onde encontro esses cursos??

    • @serliv
      @serliv  3 месяца назад +1

      Eu tenho os links na descrição de todos os vídeos. Porém, você está com sorte. Até Segunda dia 28 está na Promoção ESQUENTA. Veja aqui ruclips.net/user/postUgkxZG7IAwDuoDFehuUZk2j_X39baB9KHnkZ
      Dê uma olhada na descrição dessa postagem que lá tem todos os links. Se tiver dúvidas, me avise

    • @RCV_RCV
      @RCV_RCV 3 месяца назад +1

      @@serliv ok, vou comprar. Talvez vire membro também.

  • @lctutoriais8351
    @lctutoriais8351 3 месяца назад

    No meu caso e totalmente o oposto, antes de aprender flexbox eu estava tendo muita dificuldade mas depois que descobrir flexbox em vídeos aleatórios aqui no youtube eu me empolguei em continuar e depois veio aprimoramento em seu curso tanto aqui no youtube como na udemy. Agora o que esta me dando dor de cabeça e o javascript que alias e a etapa em estou atualmente em seu curso. Mas desistir jamais
    Alias o meu nome lá no curso que e o meu proprio e Luiz Carlos, faz algum tempo que não me interajo por lá mas não parei o curso.

    • @serliv
      @serliv  3 месяца назад

      Show. Muito obrigado pela confiança. Se tiver dúvidas de Javascript, manda lá na Udemy suas dúvidas que eu te ajudo

  • @DanielMartinscode
    @DanielMartinscode 3 месяца назад

    Olá Prof. Daniel, sou seu aluno no curso via Udemy, gostaria de agradecer pela atitude de fazer esse vídeo, ajudou bastante a solidificar o conteúdo que temos no curso.
    Sugiro que coloque esse vídeo no curso, porém não sei se é possível por causa de regas de negócios da Udemy e senão me engano já ouvi alguma vez, não tenho certeza se foi através de você, que a Udemy limita essas adições de conteúdo extra no curso. Outra sugestão, se me permite, a idéia de colocar uma facecam nas aulas pra mim se torna mais fácil, pq lembra bem um ambiente de uma sala de aula onde estamos vendo o professor explicando e não somente ouvindo o mesmo, parece prender um pouco mais a atenção rsrsrs, pode ser que isso seja uma peculiaridade minha, mas achei interessante comentar.
    Obrigado até aqui, valeu Professor!!

    • @serliv
      @serliv  3 месяца назад

      Muito obrigado pelas sugestões. Valeu mesmo

  • @guilhermehenrique-md7pl
    @guilhermehenrique-md7pl 3 месяца назад

    top!!

    • @serliv
      @serliv  3 месяца назад

      Muito obrigado Guilherme

  • @arozendojr
    @arozendojr 3 месяца назад +6

    * Estou com um pouco de desânimo, acredito que aprendi a estudar, contudo não tenho tempo, quando tenho tempo, não tenho ânimo🥲

    • @serliv
      @serliv  3 месяца назад +1

      hahahaha

    • @abgailvieira
      @abgailvieira 3 месяца назад +1

      Exatamente o q tava acontecendo cmg

  • @HenriqueSantos-go8nl
    @HenriqueSantos-go8nl 3 месяца назад

    150px

    • @serliv
      @serliv  3 месяца назад

      Aeeeee Acertou kkkkk

  • @fernandobarros1911
    @fernandobarros1911 3 месяца назад

    👍

    • @serliv
      @serliv  3 месяца назад +1

      tmj Fernando

  • @icaro25sp
    @icaro25sp 3 месяца назад

    Acho que eu entendi a problemática em entender e explicar sobre flexbox:
    Ele é bem simples, porem parece difícil explicar com poucas palavras. Flex isso, flex aquilo... e a representação de cada item é abstrato pq é representada pela posição de um item dentro de outro item. ë complicado ate de explicar pq uma coisa simples pode ser complicada rsrsrsrsrrs.
    Acho que, por mais simples que pareça ser, deve se estudar poucas opçóes ( tipo umas 3 rsrsrsr) e usar muito e ir adicionando as outras ao poucos srsrrsrs Cristo!

    • @serliv
      @serliv  3 месяца назад

      Muito bom seu feedback. Muito obrigado

  • @AndrywBerto
    @AndrywBerto 3 месяца назад

    Gratidão por essa aula, já tinha assistido vários tutoriais e sempre ficava com a falsa sensação de ter aprendido, dessa vez eu realmente aprendi, e já coloquei em prática para ter certeza! Parabéns pela didática incrível, e pela paciência de ensinar com calma! Muito sucesso pra ti meu amigo!

    • @serliv
      @serliv  3 месяца назад +1

      Muito obrigado pelo seu feedback. Valeu mesmo.

  • @denneraladim6190
    @denneraladim6190 3 месяца назад +1

    Você acha que a inteligência artificial substituirá os programadores criadores de site ?

    • @serliv
      @serliv  3 месяца назад +2

      Acho que vai substituir alguns tipos de profissionais:
      - Quem é extremamente dependente da IA pra desenvolver qualquer coisa, até mesmo as coisas simples
      - Quem não sabe sequer avaliar se o resultado que a IA produziu é satisfatório
      - Quem faz apenas faz trabalhos que podem ser feitos mais rápido por uma IA, sem qualquer análise crítica ou que saibam interpretar a necessidade do cliente, do negócio ou do usuário

  • @DavidMuller-h2o
    @DavidMuller-h2o 3 месяца назад

    Eu sei usar bem o display flex, porem o grid ainda não domino, tenho certa dificuldade.

    • @serliv
      @serliv  3 месяца назад

      Eu tenho um vídeo aqui no canal onde explico CSS Grid. Dê uma procurada no youtube por "Serliv Grid". Talvez ajude

  • @ManeDaZonaYB
    @ManeDaZonaYB 3 месяца назад

    Desafios fazem partes mesmo nao sabendo voce ter que ir ate o final mesmo nao sabendo tudo, porque voce mal acostuma seu cérebro

    • @serliv
      @serliv  3 месяца назад

      Exatamente

  • @renanleal496
    @renanleal496 3 месяца назад

    Mano flexbox é muito fácil depois de usar tanto esse troço eu gravei e já sei usar pelo menos as principais funçoes

    • @serliv
      @serliv  3 месяца назад +1

      Top. É isso aí.

  • @brunofelix5434
    @brunofelix5434 3 месяца назад

    Eu tenho dificuldades com grid

    • @serliv
      @serliv  3 месяца назад +1

      Opa. Eu tenho um video aqui no canal onde explico CSS Grid. Dê uma olhada nesse vídeo ruclips.net/video/6erYIJ4ei2s/видео.htmlsi=A6IOZT2gL4B3ftiX Talvez ajude

    • @brunofelix5434
      @brunofelix5434 3 месяца назад +1

      @@serliv obrigado.

  • @thiagorodriguezdev
    @thiagorodriguezdev 3 месяца назад

    Meu problema é o grid

    • @serliv
      @serliv  3 месяца назад

      Tenho um vídeo aqui no canal onde explico CSS Grid. Procure aqui no youtube por "Serliv CSS Grid". Assista esse video e depois me conte se ainda tiver dúvidas 😉

  • @GhostWeb398
    @GhostWeb398 3 месяца назад

    tem 150px

    • @serliv
      @serliv  3 месяца назад

      Aeeeee. é isso mesmo kkkk

  • @hevertonscosta7690
    @hevertonscosta7690 3 месяца назад

    .

  • @ricardo7c
    @ricardo7c 3 месяца назад

    Esse assunto nem é complexo, o que quebra é essa sintaxe pouco intuitiva do CSS, só com muita pratica pra acostumar com isso.

    • @serliv
      @serliv  3 месяца назад +1

      Exato. Uma hora vira automático