• Sunday , 22 September 2019

JavaScript Tutorial For Beginners #5 – Google Chrome Developer Tools

Code Canyon

Yo everyone. So in this JavaScript tutorial I want to show you the basics of the Google Chrome developer tools that ship freely with Google Chrome. The developer tools are a wicked tool for debugging not only JavaScript, but also HTML & CSS as well as running other site diagnostics such as site speed & performance. I’m not gonna dig too deeply into all of those right now, but I just want to highlight a few areas of the developer tools that come in handy when learning JavaScript.

Other browsers also have their own version of developer tools, but personally, I like Chrome’s :).

SUBSCRIBE TO CHANNEL – https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg?sub_confirmation=1

========== JavaScript for Beginners Playlist ==========

========== CSS for Beginners Playlist ==========

========== HTML for Beginners Playlist ==========

========== The Net Ninja ============

For more front-end development tutorials & to black-belt your coding skills, head over to – https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg or http://thenetninja.co.uk

========== Social Links ==========

Twitter – @TheNetNinja – https://twitter.com/thenetninjauk

Original source

3d Ocean

Related Posts


  1. Swathi Nagarajan
    March 16, 2019 at 03:52

    The videos are great. But in this particular video, when I press F12 I am unable to view the elements tab. Thought when I hover over the script which appears when clicked F12, when right clicked on <script….</script> unable to view " Open file in resources panel". Please help.

  2. Moon Light
    March 16, 2019 at 03:52

    So cool thank you Dude 😀

  3. KenyanMangroveWaigi
    March 16, 2019 at 03:52

    I don't know like – this console doesn't seem all that important. You can always test pages in a text editor and you can do arithmetic on your calculator. Not really seeing the huge utility for it yet but I guess I'll stay tuned.

  4. 박종찬
    March 16, 2019 at 03:52

    That sword sound hurting my ears… but thank you for contents.

  5. Nahid's fav
    March 16, 2019 at 03:52

    your intro is too loud and disturbing… but you did a great job

  6. Alex
    March 16, 2019 at 03:52

    Did a chrome update possibly change this from being called “resources” to “application”. Because I cant find resources in chrom dev tools but I can see that when I  right click the source and go to “Application" it looks identical to the resource screen.

  7. nmv
    March 16, 2019 at 03:52

    I have a doubt! I have a notepad with javascript ready! I save it as new.js reference it in the <script> </script>. But the file is in my desktop..How does the browser know it and reflect it?

  8. Javier Calderon
    March 16, 2019 at 03:52

    You're videos are great. Thanks for sharing your knowledge with everyone!

  9. Francis Fernandez
    March 16, 2019 at 03:52

    Great. Your enthusiasm and simplicity is awesome.

  10. Elano Silveira
    March 16, 2019 at 03:52

    You're a great teacher!

  11. zunair azeem
    March 16, 2019 at 03:52

    My linked file of test.js is not blue(not a url) and its not showing any option.. what should i do ..?

  12. Hal Kostas
    March 16, 2019 at 03:52

    liked for the content , didn't love the loud intro, wasn't expecting it

  13. Ali Raafat
    March 16, 2019 at 03:52

    i cant create any file or folder help plz??

  14. Brian David
    March 16, 2019 at 03:52

    F12 on a Mac is your volume control

  15. jose Antonio cañizales
    March 16, 2019 at 03:52

    Constructive review: we need more zoom in the code for me its so small i got 14" screen so poor, also love this tutorials

  16. KhaiKiak Lin
    March 16, 2019 at 03:52

    how to create a new file inside this devTool

  17. Yaser Basravi
    March 16, 2019 at 03:52

    when i am right-clicking on script…its not showing the "resource" option

Leave A Comment

You must be logged in to post a comment.