Chrome DevTools Complete Course - Learn to debug your frontend code

แชร์
ฝัง
  • เผยแพร่เมื่อ 2 ก.พ. 2025

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

  • @codedamn
    @codedamn  3 ปีที่แล้ว +9

    Learn Full Stack Development by building over 25 Projects: bit.ly/fullstack-codedamn

  • @blagovestpeshev1803
    @blagovestpeshev1803 หลายเดือนก่อน +1

    Very specific topic that is not covered so extensively even today! Kudos for the clear and structured explanations!

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

      As you have watched it recently (and I am looking to learn devTool) can you please tell me is this video still relevant ? (Asking because it is 4years old and and I want to learn it today)

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

      Yep, it's absolutely relevant. Nothing really changed or missing.

  • @VenkatGudavalli
    @VenkatGudavalli 4 ปีที่แล้ว +4

    This is such a Unique topic, Thank You Mehul !

  • @fardinkhan3103
    @fardinkhan3103 4 ปีที่แล้ว +2

    What a tutorial.. you deserve 10 million subscribers

  • @SimpleThingsOne
    @SimpleThingsOne 2 ปีที่แล้ว

    Thanks a lot for this video, mehul.
    I am now your newest subscriber.

  • @unnikrishnanvannadil
    @unnikrishnanvannadil 3 ปีที่แล้ว +2

    This is the best and latest for learning Dev Tools. Thanks :)

  • @mohammedmudassir837
    @mohammedmudassir837 4 ปีที่แล้ว +6

    Thank You for such an informative tutorial 🔥🔥

    • @codedamn
      @codedamn  4 ปีที่แล้ว +1

      Glad it was helpful!

  • @jestingigi4261
    @jestingigi4261 3 ปีที่แล้ว +1

    aag laga de aag 🔥🔥, a fantanstic course thank you ❤❤🙏🙏

  • @sathishraj4173
    @sathishraj4173 3 ปีที่แล้ว +2

    Great Content, Keep Rocking - Thanks a LOT

  • @sheikhakbar2067
    @sheikhakbar2067 2 ปีที่แล้ว

    I appreciate the depth of knowledge you provide us with ... I learnt a lot from you.

  • @MultiTechSolutions20
    @MultiTechSolutions20 5 หลายเดือนก่อน

    Good Work bro,
    But you started marathon in shape of small episodes.
    That`s awesome.

  • @manu-singh
    @manu-singh 4 ปีที่แล้ว +3

    This is awesome bro, thanks

    • @codedamn
      @codedamn  4 ปีที่แล้ว

      Thank you Manpreet! :)

  • @365Pancakes
    @365Pancakes 3 ปีที่แล้ว +2

    Around 53:00, how come updating the variable to 2000 (2 seconds) does not get reflected in the execution, but adding calls to functions does get updated on the fly?

  • @thenadastudio8295
    @thenadastudio8295 2 ปีที่แล้ว

    You are doing a great job mr mehul by providing us the kmowledge thanks a lot for that 💯💯💯

    • @ellenkarnwie
      @ellenkarnwie 10 หลายเดือนก่อน

      Thanks a lot for the education on cording and trading. It was informational and educative.

  • @akash-
    @akash- 10 หลายเดือนก่อน

    Awesome Course to learn DevTools!

  • @rohansinha6765
    @rohansinha6765 3 ปีที่แล้ว +1

    This is Gold!!

  • @BibekGhoshh1
    @BibekGhoshh1 ปีที่แล้ว +4

    learning it never late........learning in 2023

  • @HaifengZhu-pn3uq
    @HaifengZhu-pn3uq ปีที่แล้ว

    explained very clearly, thanks!

  • @akashchauhan6784
    @akashchauhan6784 4 ปีที่แล้ว +1

    Really Appreciate Your work 😊

    • @codedamn
      @codedamn  4 ปีที่แล้ว

      Thank you so much 😀

  • @aj35lightning
    @aj35lightning 4 ปีที่แล้ว +7

    I've learned a lot more than I expected to when I first clicked this video. Actually a lot of things that will help me web scrape more effectively. Thanks for putting this all together.
    I gotta ask tho, what is the name of that new tab extension you have running @59:01. The life countdown. I really dig how clean and minimal it is

    • @codedamn
      @codedamn  4 ปีที่แล้ว +1

      Glad it was helpful! The new tab extension is "mortality"

    • @aj35lightning
      @aj35lightning 4 ปีที่แล้ว

      @@codedamn thanks a lot!

  • @darkfoxwillie
    @darkfoxwillie 4 ปีที่แล้ว +7

    This also works for firefox right? Talking about the principles. Thanks for the content bro!

    • @codedamn
      @codedamn  4 ปีที่แล้ว +3

      Some theory concepts like Network tab stats would be same. But most features are Chrome DevTools specific I guess. I never spent a lot of time with Firefox DevTools

    • @ParthKawatra
      @ParthKawatra 4 ปีที่แล้ว

      @@codedamn some people say FFX Dev tool is best for CSS grids and flexbox stuff.

    • @codedamn
      @codedamn  4 ปีที่แล้ว +3

      I think firefox used to be great for grid, but chrome devtools also supports CSS grid debugging now

  • @iyousef46
    @iyousef46 4 ปีที่แล้ว +2

    Great job. Thanks

    • @codedamn
      @codedamn  4 ปีที่แล้ว

      Thanks :)

  • @amolpathakndb
    @amolpathakndb 2 ปีที่แล้ว

    great job sir..nice n crisp explaination! just one request, your mouse pointer is too small and also darrk in color making it lost in the background... as a result, sometimes I am not able to pick where you clicked..

  • @ShreeprasadLohar
    @ShreeprasadLohar 11 หลายเดือนก่อน

    Mehul great video. I have some questions:
    can I modify the code inside sources tab in browser dev tool at runtime and debug?
    How can I go back to previous line while debugging, for example my debugger has reached line 20 in file (Sources tab) and I want it to bring to line 18 and debug again, how can I do that?

  • @jimshtepa5423
    @jimshtepa5423 4 ปีที่แล้ว +1

    hello Mehul, just out of curiosity: do you have active software development job other than codedamn or codedamn and video tutorials is your main daytime job?

    • @codedamn
      @codedamn  4 ปีที่แล้ว

      No, I did not take up job after completing the degree this month.

    • @jimshtepa5423
      @jimshtepa5423 4 ปีที่แล้ว

      @@codedamn wow, you seem to be sooo experienced and command deep knowledge of webservice building and all these by the time you are getting your degree? I am 34 years old former finance specialist switching careers only a year ago. I feel I wasted around 15-20 years of my life on wrong industry=(

    • @jimshtepa5423
      @jimshtepa5423 4 ปีที่แล้ว

      @@codedamn Anyways, congrats on your degree and thank you for posting great materials publicly

    • @sethurk
      @sethurk 3 ปีที่แล้ว

      @@codedamn , what degree you had completed and from which university?

  • @shaikmohammedirfan1915
    @shaikmohammedirfan1915 ปีที่แล้ว

    Thanks a lot for this video

  • @srishty5779
    @srishty5779 2 ปีที่แล้ว

    Thanks a lot , very helpful.

  • @lightningdeveloper
    @lightningdeveloper ปีที่แล้ว

    How can I change the JavaScript code for something that happens onLoad of a particular component directly in the browser?

  • @bipulsharma1357
    @bipulsharma1357 4 ปีที่แล้ว +2

    Thank you so much

    • @codedamn
      @codedamn  4 ปีที่แล้ว

      Thank you Bipul!

  • @chigurupati_s
    @chigurupati_s ปีที่แล้ว

    Thank you bro, super

  • @honeykulkarni6490
    @honeykulkarni6490 2 ปีที่แล้ว

    Can you please make a video on how to find the component file in dev tools

  • @prisinha
    @prisinha 3 ปีที่แล้ว

    31:51 set a break point

  • @HologramJay
    @HologramJay 3 ปีที่แล้ว +1

    Thanks for the video! I just had a quick question. Do you happen to know why the styles would look one way in the chrome mobile device emulator and look a different way on the actual device?
    Currently I have a project that looks fine on the emulator but has an overflow y of about 25% on the device.

    • @codedamn
      @codedamn  3 ปีที่แล้ว +1

      Because chrome mobile emulator still uses chrome as the rendering engine. If your phone is using a different browser, they might have different layouts thanks to browser inconsistencies on the web

    • @HologramJay
      @HologramJay 3 ปีที่แล้ว

      @@codedamn I see. Thank for for responding!

  • @TheAudit
    @TheAudit 4 ปีที่แล้ว +1

    Hey just finished watching Next.js playlist, is there more to that playlist? saw the roadmap chart as well, there you have mentioned that there will be next.js mastery and advance course, have you not released them yet? or are they available already?

    • @codedamn
      @codedamn  4 ปีที่แล้ว +1

      Yes. I'll be producing more Next.js content from now. Expect to see some good courses before end of year.

    • @TheAudit
      @TheAudit 4 ปีที่แล้ว

      @@codedamn hands down best content on next.js on internet that I've come across with. Looking forward for more next.js videos.

  • @prisinha
    @prisinha 3 ปีที่แล้ว

    12:22 display as table in console

  • @surendrareddyseelam9757
    @surendrareddyseelam9757 4 ปีที่แล้ว

    THANKS MUCH BROTHER 🙏

    • @codedamn
      @codedamn  4 ปีที่แล้ว

      Welcome!

  • @abhichohan8837
    @abhichohan8837 2 ปีที่แล้ว

    Thanks a ton :)

  • @safdarawn902
    @safdarawn902 3 ปีที่แล้ว

    Thanks a lot Bro

  • @vaibhavmatere18
    @vaibhavmatere18 3 ปีที่แล้ว

    pretty helpful !

  • @prisinha
    @prisinha 3 ปีที่แล้ว

    16:16 console debug

  • @julio5434
    @julio5434 3 ปีที่แล้ว +2

    💗💗💗

  • @shreyasjejurkar1233
    @shreyasjejurkar1233 4 ปีที่แล้ว +5

    Hi, Mehul. I really like your channel, and really appreciate the hard work you are putting in codedamn. Moreover, I am your recent subscriber.
    I recently watched your digital ocean video series, and really loved it. But am looking for video from your side where you create a *small* full-stack (it can be anything) app in Nextjs (front-end), NodeJs (expressjs backend), and then deploying it to digitalOcean droplet. I mean I wanted you to replicate the steps that you followed for codedamn deployment to this new small app so that everyone will get to know the real-world deployment once they get familiar with digitalOcean by your tutorial. Please make it. Looking forward to it.....

    • @codedamn
      @codedamn  4 ปีที่แล้ว +2

      Thanks Shreyas. End-to-end deployment project videos are definitely something I wanted to do for a long time. I'll do it soon :)

    • @shreyasjejurkar1233
      @shreyasjejurkar1233 4 ปีที่แล้ว

      @@codedamn yeah thanks! Just replicate the codedamn deployment you did, but for sample MERN app, and that would be great!
      Thanks for response, I really appreciate your efforts! 🙌

  • @prisinha
    @prisinha 3 ปีที่แล้ว

    12:51 console group

  • @I4NI_
    @I4NI_ 2 ปีที่แล้ว

    iman is that you bro?

  • @bhatnagarcapital
    @bhatnagarcapital 4 ปีที่แล้ว

    14:58

  • @AffairWithGeo
    @AffairWithGeo หลายเดือนก่อน

    English = Sashi Tharror
    Explanation = so so

  • @johngibson1072
    @johngibson1072 2 ปีที่แล้ว

    5 minutes in and you've said nothing.

  • @shoaibansari9323
    @shoaibansari9323 ปีที่แล้ว

    fei fe fe fe feefr

  • @shankars101
    @shankars101 2 ปีที่แล้ว

    Thank you so much