DevTools CSS: Descubra os Segredos da Produtividade Front-End

Поділитися
Вставка
  • Опубліковано 3 гру 2024

КОМЕНТАРІ • 83

  • @dpwoficial
    @dpwoficial  2 роки тому +3

    E aí, qual dessas ferramentas você mais usa?

    • @leandrocamargo7
      @leandrocamargo7 2 роки тому +2

      Sem dúvidas é o target

    • @dpwoficial
      @dpwoficial  2 роки тому +1

      Essa daí... Não tem como viver sem. x)

    • @MarceloGranadeiro
      @MarceloGranadeiro 2 роки тому +1

      Gosto muito de copiar os estilos rsrsrs

    • @PaulaFlavia1
      @PaulaFlavia1 2 роки тому +1

      nenhuma, não sabia usar direito as mil possibilidades, iniciei minha formação há 2 meses apenas, mas agora vou usar muitas🤣

    •  2 роки тому +1

      Como eu trabalho com Wordpress, acabo usando o inspetor e aquelas ferramentas de flexbox e pick color.

  • @enriquesantosdeoliveira5798
    @enriquesantosdeoliveira5798 2 роки тому +1

    Muito legal o vídeo 👏👏👏

  • @matheusoliveira6367
    @matheusoliveira6367 11 місяців тому

    Muito bom seus vídeos. Sensacional, conteúdo riquíssimo, sem enrolação.

    • @dpwoficial
      @dpwoficial  11 місяців тому

      Muito obrigado 😁

  • @yurionthecode
    @yurionthecode 2 роки тому +1

    Sensacional! não conhecia ou simplesmene ignorava bastante coisa. obrigado

  • @gilsonconceicao5201
    @gilsonconceicao5201 2 роки тому +1

    Excelente. Eu não sabia de varias coisas aí

  • @danielaraujodesouza9519
    @danielaraujodesouza9519 Рік тому +1

    Que material show.

  • @Gustavooliveira-zl7ru
    @Gustavooliveira-zl7ru 2 роки тому +1

    Parabéns, excelente conteúdo

  • @GeorgeNascimento08
    @GeorgeNascimento08 2 роки тому +1

    Eu uso isso bastante.

  • @paivamarcelo
    @paivamarcelo 2 роки тому

    Boaa .... legal o vídeo !!
    Só um comentário p dar um up no engajamento .... hehe

    • @dpwoficial
      @dpwoficial  2 роки тому +1

      haha Brigadão, Marcelo. ;)

  • @Sigameosbons
    @Sigameosbons 2 роки тому

    Já começo o vídeo curtindo. Sempre trazendo conteúdo foda.

  • @Luis83186
    @Luis83186 2 роки тому

    Amigão, simplesmente sensacional. Sua didática é sensacional e irá me salvar aqui. nota 1000 pra você.

  • @andrespereirabr
    @andrespereirabr 2 роки тому +1

    Muito massa esse vídeo!

  • @programadorprincipiante
    @programadorprincipiante 2 роки тому +1

    Show de conteúdo...
    E fica a dica ai pra fazer o Vídeo DevTools como Editor... ;)

  • @gabrielcantuaria3867
    @gabrielcantuaria3867 2 роки тому

    cara, tu é mto bom, to viciado nos videos

    • @dpwoficial
      @dpwoficial  2 роки тому +1

      Esse é um vício que só faz bem! :D

  • @PaulaFlavia1
    @PaulaFlavia1 2 роки тому +1

    Outro video de dev tool...mais um mais um

    • @dpwoficial
      @dpwoficial  2 роки тому

      Voto computado com sucesso. ;)

  • @pedropauloteodoro2602
    @pedropauloteodoro2602 2 роки тому

    Já tenho uns 5 meses praticamente que estou estudando e eu não sabia muito bem como utilizar a dev tools, e cara esse video é incrível, minha mente expandiu com isso tornando o desenvolvimento muito mais prático e rápido.
    Parabéns pelo vídeo !!!

    • @dpwoficial
      @dpwoficial  2 роки тому +1

      Que bom, Pedro!
      E olha que isso é só um pedacinho das DevTools, hein... =P

  • @salvimateus
    @salvimateus 2 роки тому +2

    caramba, tenho mais de 10 anos como frontend e não sabia de várias

    • @dpwoficial
      @dpwoficial  2 роки тому +1

      Por aqui, não acreditamos em clickbait. 😎

  • @Calenzo
    @Calenzo 2 роки тому +1

    Vídeo top!

  •  2 роки тому

    Só conteúdo bom esse canal!

  • @jferreiraplaygames3421
    @jferreiraplaygames3421 2 роки тому

    Confesso que 8 anos de Dev descobrir realmente como usar o devtools no seus vídeos, parabéns agregou muito na minha vida.

    • @dpwoficial
      @dpwoficial  2 роки тому

      Wow! Que isso! Obrigado pelo depoimento! :D

  • @krillAmorim
    @krillAmorim 2 роки тому +2

    Você poderia fazer uma série mostrando todo o poder da DevTools

    • @dpwoficial
      @dpwoficial  2 роки тому +1

      Rapaz... Isso daí dá até um curso de 10h (pelo menos). =P

    • @krillAmorim
      @krillAmorim 2 роки тому

      @@dpwoficial kkkkkk

  • @luciopereirabrito3154
    @luciopereirabrito3154 2 роки тому

    Incrível, sempre trazendo novos conhecimentos tornando a vida do desenvolvedor mil vezes mais fácil. Agradeço!!!!! 🤝🏿❤

    • @dpwoficial
      @dpwoficial  2 роки тому

      Nós que agradecemos o comentário, Lucio!

  • @visaogeralservicenow
    @visaogeralservicenow 2 роки тому +1

    Eu uso muito para saber qual elemento está sendo afetado pelas tags, quando estou codando, excelente aula!!! Entrei hje aqui,mas ja tirei bastantes duvidas! principalmente sobre media query.

    • @dpwoficial
      @dpwoficial  2 роки тому +1

      Que ótimo, Tito! O canal está aí para ajudar, mesmo. :)

  • @PaulaFlavia1
    @PaulaFlavia1 2 роки тому

    Sensacional, muito obrigada, seus videos são aulas precisosas para iniciantes

    • @dpwoficial
      @dpwoficial  2 роки тому

      Obrigado pelas palavras, Paula.

  • @MarceloGranadeiro
    @MarceloGranadeiro 2 роки тому +1

    Rapaz que vídeo magnifico;; parabéns pela didática

    • @dpwoficial
      @dpwoficial  2 роки тому +1

      Muito obrigado, Marcelo.

  • @carloseduardoramos9646
    @carloseduardoramos9646 2 роки тому

    Mano... sem palavras pra descrever o quão incríveis esse Coverage e CSS Overview são. Quanto tempo já passei limpando os arquivos CSS tentando ver quais propriedades coloquei atoa... e podia ter descoberto isso com alguns cliques. kkkk
    Muito obrigado por mais essa aula!

  • @wiltongoncalves9439
    @wiltongoncalves9439 2 роки тому +1

    Estou curtindo muito seus vídeos! Gostaria de saber como fazer pequenas alterações no CSS diretamente no Dev tools

    • @dpwoficial
      @dpwoficial  2 роки тому

      Vlw, Wilton!
      "como fazer pequenas alterações no CSS diretamente no Dev tools" tá falando como alterar e salvar localmente?

  • @leandrocamargo7
    @leandrocamargo7 2 роки тому +1

    Sensacional! Muito bom sempre aprender coisas novas e relembrar outras que as vezes caem no esquecimento.

    • @dpwoficial
      @dpwoficial  2 роки тому +1

      Essa é a ideia, Leandro. Brigadão pelo comentário. :)

  • @robsonrdsaraiva
    @robsonrdsaraiva 2 роки тому

    Incrivelmente, incrível! Que vídeo foi esse, hein?! Obrigado e parabéns! Tooop 🤯

    • @dpwoficial
      @dpwoficial  2 роки тому

      Muito obrigado, Robson! 😁

  • @luispaulocavalcante1459
    @luispaulocavalcante1459 2 роки тому

    Que vídeo sensacional 👏👏

    • @dpwoficial
      @dpwoficial  2 роки тому +1

      Muito obrigado, Luis! :D

  • @alexalannunes
    @alexalannunes 2 роки тому

    Caraca.🥳🥳🥳🥳 esse css overview é mágico.. lindo lindo . Ansioso pra usar nos projetos.
    Depois quero uns vídeos sobre debuggar animações css com o devTools.
    Lá em mais ferramentas > Animation .
    Tipo gráfico easing, performance.
    ... vídeo excelente 🥳🥳

    • @alexalannunes
      @alexalannunes 2 роки тому +1

      Esse coverage tbm é toppp

    • @dpwoficial
      @dpwoficial  2 роки тому

      Pretendemos trazer um vídeo sobre como usar as DevTools, também. Fica ligado. 👉🔔
      Coverage dá para salvar muitos pontos de performance. Indispensável!

    • @alexalannunes
      @alexalannunes 2 роки тому +1

      @@dpwoficial tô de olho 👀🤙🤙

  • @marciocarvalho8081
    @marciocarvalho8081 2 роки тому +2

    Uso bastante para ver como uma página fez tal recurso kkk , tô gostando muito de estudar front, porém acho feio meus layouts, precisa fazer ux design para ter criatividades para produzir páginas mais bonitas kkk

    • @dpwoficial
      @dpwoficial  2 роки тому

      Então as DevTools vão te ajudar bastante. Dá para inspecionar sites que você gostar para inspiração e ver exatamente como a pessoa fez. :)

  • @goaguiar
    @goaguiar Рік тому

    No final do vídeo 26:00 você fala que tem uma maneira de se livrar do css que não esta sendo usado e diz que é assunto para outro vídeo, se já tiver feito esse vídeo me passa o link por favor.

  • @gilbertojunqueira314
    @gilbertojunqueira314 2 роки тому

    Uso mais CTRL + SHIT + C porque cai direto na inspeção dos elementos.
    CTRL + SHIT + I eu teria que pressionar depois o botão de inspecionar

    • @dpwoficial
      @dpwoficial  2 роки тому +1

      Caramba, esse Ctrl+Shift+C eu não conhecia! 😱

  • @FhelipyTaya
    @FhelipyTaya 8 місяців тому

    eu uso o microsoft Edge e tem uma opção que achei aqui no devtools dentro de elemento> estilos> ai tem um pincel que aplica modo escuro automático em todo site e fico 99% bom tem como extrair essas modificações q é feita em codigo?

    • @dpwoficial
      @dpwoficial  8 місяців тому

      Não sei. Não uso muito o Edge.

  • @Ygorps1
    @Ygorps1 2 роки тому

    Isso é dorgas de mais

  • @yurionthecode
    @yurionthecode 2 роки тому +1

    Devtool está para o dev igual a trena está para o pedreiro.

  • @erickgarciacosta
    @erickgarciacosta Рік тому

    Ótimo conteúdo, parabéns !