Ensinei CSS ERRADO e Preciso me Desculpar

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

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

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

    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
    serfrontend.com/cursos/
    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
    Curso Web Front-end Fundamentos. Aprenda HTML CSS e Javascript:
    serfrontend.com/cursos/web-fundamentos-html-css/aplicando-desconto.html?d=31&m=09
    Curso Javascript Completo:
    serfrontend.com/cursos/javascript-completo/aplicando-desconto.html?d=31&m=09
    Curso do Figma ao código. O Design de Interfaces web completo
    serfrontend.com/cursos/do-figma-ao-codigo/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
    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
    Instrutor: Daniel Tapias Morales
    Twitter: twitter.com/tapmorales
    Linkedin: www.linkedin.com/in/daniel-tapias-morales-87145621/
    Medium: medium.com/@tapmorales
    Github: github.com/tapmorales

  • @AndréDev-j1g
    @AndréDev-j1g 7 месяцев назад +2

    Dev humilde.

  • @dossantoscwb
    @dossantoscwb 7 месяцев назад +10

    Isso me tranquiliza sabendo que uma pessoa como vc com muita experiência passa por isso, muito obrigado por seu vídeo.

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

      Show. Muito obrigado pela mensagem

  • @FernandoLeonid
    @FernandoLeonid 7 месяцев назад +5

    Show de bola!
    "Não ter medo de errar" e "admitir erros" são características essenciais para um desenvolvedor, pois o erro é uma oportunidade de crescimento e aprendizado. Quando uma pessoa demonstra abertamente essa mentalidade, isso tranquiliza não apenas a equipe, mas especialmente aqueles que estão começando ou aprendendo.

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

      Perfeito. Muito obrigado pela contribuição. Abraços

  • @jean8482
    @jean8482 7 месяцев назад +6

    não ficaria melhor usar ''max-width: calc(100% - 40px)"?
    nesse caso a margin lateral seria fixa, sendo metade dos 40px, 20px pra cada lado

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

      show. Excelente abordagem. Valeu

  • @deuspahn
    @deuspahn 5 месяцев назад +2

    Cara, desde que tive a oportunidade de trabalhar com vc na mesma empresa, sempre esse ser humano maravilhoso e ético! Lembrei de vc sempre ajudando o pessoal novo de front e passando o seu conhecimento na agência : ) Que canal fod@! To assistindo todos os vídeos, ah os vídeos estão muito bem feitos. Parabéns. Acho que vou comprar o curso :P

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

      Que dá hora. Valeu Alexandre 😊Muito obrigado mesmo

  • @independenciafinanceira-BR
    @independenciafinanceira-BR 7 месяцев назад +1

    1000 anos de RUclips só acertando, você tem crédito meu amigo.

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

      Eu sou velho mas nem tanto hahahahaha Muito obrigado pela mensagem 👴

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

    Excelente revisão professor, corrigiu o problema de forma simples e nos trouxe um caso que pode acontecer no dia a dia. Parabéns pela humildade em mostrar as correções para nós que ainda estamos aprendendo, faz muita diferença.

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

      Muito obrigado Murilo TMJ

  • @edi_santos
    @edi_santos 7 месяцев назад +1

    Daniel hilário..😂😂 pisquei, perdi a vinheta..kk😂

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

      hahahaha. A minha vinheta é padrão jequiti

  • @tiagocarvalho5571
    @tiagocarvalho5571 7 месяцев назад +4

    Achei muito massa sua sinceridade em escrever lá na Udemy que o curso de javascript está desatualizado. Quase Compro rs 😅 Vou comprar o de HTML e CSS, pela sinceridade e , lógico, pela sua didática sensacional.

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

      Muito obrigado Tiago. Eu gostaria muito de atualizar o curso de Javascript. Se eu fizer isso um dia, eu removo aquela informação. Contudo, eu demoro muito para gravar um curso inteiro (mais de um ano) e por isso quando eu terminar de gravar, as versões das ferramentas que eu usei no começo provavelmente já estarão desatualizadas. Esse é o problema de querer fazer cursos completos e não cursos menores e um pouco mais superficiais. Ah! muito obrigado pela confiança e no curso de HTML, CSS e Javascript eu ensino toda a base necessária do JS pra vc continuar seus estudos depois

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

    Se até você erra e se esquece de soluções mais simples do CSS eu me sinto mais tranquilo, obrigado pelo video

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

      Fico feliz por ajudar Vinicius. Abração

  • @helder-rangel
    @helder-rangel 5 месяцев назад

    😀

  • @helder-rangel
    @helder-rangel 5 месяцев назад

    😄

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

    Consegui tirar mais uma lição professor, nunca ter a certeza se algo é fácil ou não kkkkkkkkkk. Belo vídeo prof, humildade sempre

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

      É isso mesmo Vinicius. Valeu 😊

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

    Nossa quanta humildade. Obg mestre.

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

      Muito obrigado 😊

  • @arozendojr
    @arozendojr 7 месяцев назад +1

    cara percebi que foi usado ".navegação p" para definir css especifico, você prefere a composição ou uma class separada, .navegação__texto ? por que?

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

      Normalmente é melhor usar uma única classe ao invés de uma classe e um seletor de elemento. O motivo é a tal da especificidade. Eu falei um pouco disso nesse vídeo aqui ruclips.net/video/EwT63qDBiAQ/видео.html

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

      @@serliv é que eu também prefiro, como vejo composição, pergunto

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

      @@arozendojr as vezes eu tb coloca um seletorzinho de classe no meu css kkk mas sei que não é o ideal

  • @sandrarsan
    @sandrarsan 6 месяцев назад

    Obrigada por compartilhar seu conhecimento!!!!!!

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

      Eu que agradeço

  • @rogersanctos
    @rogersanctos 6 месяцев назад

    Se a situação pede uma margem fixa, digamos de 16px de cada lado, mas ainda deve manter o elemento e texto centralizados, eu ainda iria de mídia query por ficar um pouco mais legível do que a solução que iria na linha de seu raciocínio que implicaria em um calc no max-width em algo do tipo: calc(100vw - 32px). Nesse caso, a solução do max-width não deixaria tão óbvio que se trata de uma margem mínima de 16px de cada lado.

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

      Boa. Valeu Roger

  • @itsz_just_me__
    @itsz_just_me__ 6 месяцев назад

    Olá, professor. Gostaria de tirar uma dúvida.
    No meu curso, um professor proibiu o uso da tag nos nossos projetos. Ele disse que é pra substituí-la por outras tags que sejam semânticas, como e , pois isso faz com que o site seja mais otimizado pelos mecanismos de busca, mas eu queria uma segunda opinião sobre esse assunto. O que o senhor acha dessa prática? Seria mais vantajoso deixar de usar nos projetos?
    (detalhe que nós já adotamos a prática de fazer um HTML Semântico, porém o professor não aceita o uso de em nenhum momento)

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

      Eu não sei o contexto todo, mas com as informações que vc me passou, seu prof está errado. A tag div existe e deve ser usada para criar um divisão entre os elementos sem necessariamente adicionar semântica. Como eu disse, não sei o contexto e nem sei como é esse exercício, mas no mundo real a tag div pode e deve ser usada quando nenhuma outra tag semântica fizer sentido

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

    da pra colocar um padding: 0 2% no parent também

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

      Sim. Mas nesse caso todo o conteúdo que estiver contido nesse parente "obedecerá" esse padding. As vezes não é isso que queremos. De qualquer forma, nesse exemplo do vídeo, cabe perfeitamente. Obrigado por compartilhar e parabéns pela perspicácia. Abraços

  • @andre.menezes
    @andre.menezes 7 месяцев назад +1

    Tenho costume de centralizar elementos sempre utilizando flexbox, mesmo que tenha um único elemento filho! Isso é uma prática ruim? Quase nunca utilizo margin auto

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

      É uma abordagem possível André. Eu costumo usar o flexbox pra alinhar e/ou distribuir elementos (no plural). Mas sim, é uma abordagem possível usar o flexbox nesse exemplo. Nesse caso não há certo ou errado. Tanto o flexbox quanto margin: auto são opçoes válidas

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

    Kkkkkk achei top a vinheta!

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

      Quem passou 10 segundos pra frente se deu mal hahahaha

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

    Obrigado pelas 2 lições professor , a técnica e a de vida. Humildade e comprometimento com o conhecimento ❤🙌

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

      Muito obrigado Gui. Valeu mesmo

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

    Galera, ja faço outros cursos online, e posso falar que igual ao daniel não tem. O cara realmente ensina passando os detalhe, o caro se coloca no lugar do aluno, passa seu conhecimento com muita responsabelidade. Parabéns Daniel, to muito feliz em fazer seu curso e posso dizer para quem procura não um professor, mas um mestre , pode fazer o curso do Daniel.

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

      Muito obrigado pelas palavras e pela indicação Joan. TMJ

  • @nelson.costa.dev2536
    @nelson.costa.dev2536 7 месяцев назад

    manjo muito de css e vejo muitos Pr,s passando vexame em lives, mas isso é muito normal vc passa em branco o raciocínio trava e é muito normal.

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

      Exatamente. Muito obrigado Nelson

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

    Quarta lição: o CSS sempre dá um jeito de embaralhar a mente e sacanear no momento mais importante. 🥲
    Todo desenvolvedor que lida com ele passa por isso, não importa se são meses, anos ou décadas de experiência hahahahahaahah.

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

      Boa. Quarta lição aprendida. Bora pra próxima 😊