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

แชร์
ฝัง
  • เผยแพร่เมื่อ 5 พ.ย. 2024

ความคิดเห็น •

  • @serliv
    @serliv  18 วันที่ผ่านมา +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:
    th-cam.com/channels/PstMzE8bHIah0swMZL2mIg.htmljoin
    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 9 วันที่ผ่านมา +4

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

    • @serliv
      @serliv  7 วันที่ผ่านมา +1

      Valeu Alexandre. Muito obrigado

  • @Guidimarcelo
    @Guidimarcelo 4 วันที่ผ่านมา

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

    • @serliv
      @serliv  4 วันที่ผ่านมา

      Fico feliz em saber. Muito obrigado pelo feedback

  • @joaozinhoc.8459
    @joaozinhoc.8459 วันที่ผ่านมา

    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  23 ชั่วโมงที่ผ่านมา

      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

  • @viniciusferreiracarvalho-xv8pu
    @viniciusferreiracarvalho-xv8pu 10 วันที่ผ่านมา +1

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

    • @serliv
      @serliv  9 วันที่ผ่านมา +1

      Muito obrigado pela inscrição. TMJ

  • @gabrielreis5801
    @gabrielreis5801 8 วันที่ผ่านมา +1

    EXELENTE EXPLICAÇÃo

    • @serliv
      @serliv  7 วันที่ผ่านมา

      Espero ter ajudado

  • @kiyokosato
    @kiyokosato 11 วันที่ผ่านมา

    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  11 วันที่ผ่านมา

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

  • @HarmoniaInteriorofc
    @HarmoniaInteriorofc 9 วันที่ผ่านมา

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

    • @serliv
      @serliv  7 วันที่ผ่านมา

      Aí sim. Muito obrigado pelo feedback

  • @franca4712
    @franca4712 12 วันที่ผ่านมา

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

    • @serliv
      @serliv  11 วันที่ผ่านมา

      ☺️☺️☺️ Muito obrigado

  • @MarioEstevam
    @MarioEstevam 10 วันที่ผ่านมา

    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  10 วันที่ผ่านมา

      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 10 วันที่ผ่านมา +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  9 วันที่ผ่านมา +6

      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á

  • @DeividLahasse
    @DeividLahasse 12 วันที่ผ่านมา +2

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

    • @serliv
      @serliv  12 วันที่ผ่านมา

      Muito obrigado. pode deixar

  • @RCV_RCV
    @RCV_RCV 12 วันที่ผ่านมา +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  11 วันที่ผ่านมา +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 11 วันที่ผ่านมา +1

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

    • @serliv
      @serliv  11 วันที่ผ่านมา +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 th-cam.com/users/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 11 วันที่ผ่านมา +1

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

  • @aliluzs
    @aliluzs 12 วันที่ผ่านมา

    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  12 วันที่ผ่านมา +1

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

  • @DanielMartinscode
    @DanielMartinscode 6 วันที่ผ่านมา

    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  6 วันที่ผ่านมา

      Muito obrigado pelas sugestões. Valeu mesmo

  • @lctutoriais8351
    @lctutoriais8351 12 วันที่ผ่านมา

    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  12 วันที่ผ่านมา

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

  • @arozendojr
    @arozendojr 12 วันที่ผ่านมา +4

    * 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  12 วันที่ผ่านมา +1

      hahahaha

    • @abgailvieira
      @abgailvieira 11 วันที่ผ่านมา +1

      Exatamente o q tava acontecendo cmg

  • @denneraladim6190
    @denneraladim6190 11 วันที่ผ่านมา +1

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

    • @serliv
      @serliv  10 วันที่ผ่านมา +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

  • @icaro25sp
    @icaro25sp 11 วันที่ผ่านมา

    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  10 วันที่ผ่านมา

      Muito bom seu feedback. Muito obrigado

  • @AndrywBerto
    @AndrywBerto 11 วันที่ผ่านมา

    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  10 วันที่ผ่านมา +1

      Muito obrigado pelo seu feedback. Valeu mesmo.

  • @guilhermehenrique-md7pl
    @guilhermehenrique-md7pl 12 วันที่ผ่านมา

    top!!

    • @serliv
      @serliv  12 วันที่ผ่านมา

      Muito obrigado Guilherme

  • @renanleal496
    @renanleal496 11 วันที่ผ่านมา

    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  10 วันที่ผ่านมา +1

      Top. É isso aí.

  • @fernandobarros1911
    @fernandobarros1911 12 วันที่ผ่านมา

    👍

    • @serliv
      @serliv  12 วันที่ผ่านมา +1

      tmj Fernando

  • @oPIORdoCENARIO-m8y
    @oPIORdoCENARIO-m8y 9 วันที่ผ่านมา

    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  7 วันที่ผ่านมา

      Exatamente

  • @DavidMuller-h2o
    @DavidMuller-h2o 9 วันที่ผ่านมา

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

    • @serliv
      @serliv  7 วันที่ผ่านมา

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

  • @brunofelix5434
    @brunofelix5434 10 วันที่ผ่านมา

    Eu tenho dificuldades com grid

    • @serliv
      @serliv  10 วันที่ผ่านมา +1

      Opa. Eu tenho um video aqui no canal onde explico CSS Grid. Dê uma olhada nesse vídeo th-cam.com/video/6erYIJ4ei2s/w-d-xo.htmlsi=A6IOZT2gL4B3ftiX Talvez ajude

    • @brunofelix5434
      @brunofelix5434 10 วันที่ผ่านมา

      @@serliv obrigado.

  • @thiagorodriguezdev
    @thiagorodriguezdev 6 วันที่ผ่านมา

    Meu problema é o grid

    • @serliv
      @serliv  6 วันที่ผ่านมา

      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 😉

  • @HenriqueSantos-go8nl
    @HenriqueSantos-go8nl 10 วันที่ผ่านมา

    150px

    • @serliv
      @serliv  10 วันที่ผ่านมา

      Aeeeee Acertou kkkkk

  • @GhostWeb398
    @GhostWeb398 11 วันที่ผ่านมา

    tem 150px

    • @serliv
      @serliv  10 วันที่ผ่านมา

      Aeeeee. é isso mesmo kkkk

  • @hevertonscosta7690
    @hevertonscosta7690 8 วันที่ผ่านมา

    .

    • @serliv
      @serliv  7 วันที่ผ่านมา

      ?

  • @ricardo7c
    @ricardo7c 12 ชั่วโมงที่ผ่านมา

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

    • @serliv
      @serliv  ชั่วโมงที่ผ่านมา

      Exato. Uma hora vira automático