JavaScript Tutorial For Beginners #5 - Google Chrome Developer Tools

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 - youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg?sub_confirmation=1

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

youtube.com/playlist?list=PL4cUxeGkcC9i9Ae2D9Ee1RvylH38dKuET

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

youtube.com/playlist?list=PL4cUxeGkcC9gQeDH6xYhmO-db2mhoTSrT

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

youtube.com/playlist?list=PL4cUxeGkcC9ibZ2TSBaGGNrgh4ZgYE6Cc

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

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

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

Twitter - @TheNetNinja - twitter.com/thenetninjauk

Do you like JavaScript Tutorial For Beginners #5 - Google Chrome Developer Tools video? Please share your friends!

JavaScript Tutorial For Beginners #5 - Google Chrome Developer Tools Video Statistics

Total Views
94,740
Total Likes
1,160
Total Comments
31

JavaScript Tutorial For Beginners #5 - Google Chrome Developer Tools Comments & Reviews

Want to access your favorite websites?
Owolabi Kingsley
Owolabi Kingsley

Thanks alot i really appreciate your explanation that is shared and i understand is very well

itseddieleung
itseddieleung

amazing

Arno Pisspot
Arno Pisspot

have you ever noticed how much the sound decibels change when the "slice" sound effect? you should balance that, specially for your headphone users.

Payoneer
Payoneer

Exclusive Promo! Payoneer is an online payment platform that lets you transfer money from any corner of the world! Sign Up an Earn $25 for free by joining Payoneer click here!

Swathi Nagarajan
Swathi Nagarajan

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 unable to view " Open file in resources panel". Please help.

Moon Light
Moon Light

So cool thank you Dude :D

KenyanMangroveWaigi
KenyanMangroveWaigi

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.

Honeyminer
Honeyminer

Start mining cryptocurrency right now, for free. Honeyminer makes mining and earning money simple for anyone with a computer. Start Earning Now!

박종찬
박종찬

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

ZZ
ZZ

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

Alex
Alex

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.

nmv
nmv

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

Javier Calderon
Javier Calderon

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

Francis Fernandez
Francis Fernandez

Great. Your enthusiasm and simplicity is awesome.

Chuck Norris
Chuck Norris

Chuck Norris dosen't obey WeeGee.WeeGee obeys Chuck Norris

Elano Silveira
Elano Silveira

You're a great teacher!

zunair azeem
zunair azeem

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

Hal Kostas
Hal Kostas

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

Ali Raafat
Ali Raafat

i cant create any file or folder help plz??

Brian David
Brian David

F12 on a Mac is your volume control

Jose Antonio Cañizales
Jose Antonio Cañizales

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

KhaiKiak Lin
KhaiKiak Lin

how to create a new file inside this devTool

Yaser Basravi
Yaser Basravi

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

Lao Tzu
Lao Tzu

Doing nothing is better than being busy doing nothing.

JavaScript Tutorial For Beginners #5 - Google Chrome Developer Tools Wiki

The internet with no limits

JavaScript (), often abbreviated as JS, is an interpreted programming language that conforms to the ECMAScript specification. JavaScript is high-level, often just-in-time compiled, and multi-paradigm. It has curly-bracket syntax, dynamic typing, prototype-based object-orientation, and first-class functions. Alongside HTML and CSS, JavaScript is one of the core technologies of the World Wide Web. JavaScript enables interactive web pages and is an essential part of web applications. The vast major...

JavaScript Tutorial For Beginners #5 - Google Chrome Developer Tools Images

JavaScript Tutorial For Beginners #5 - Google Chrome Developer Tools screenshot

JavaScript Tutorial For Beginners #5 - Google Chrome Developer Tools Similar Videos

Video Data

  • Duration4:52
  • Date12 August 2015
  • ChannelThe Net Ninja
  • Video QualityHD
  • Video CaptionDisable

Express VPN

The Net Ninja Popular Videos

    Wirex

    Video Tags

    Javascript Javascript tutorials Javascript tutorial Javascript tutorials for beginners Js tutorials Js tutorials for beginners
    changelly

    Popular TV Seasons

    Shopify Make a Money

    Popular Apps

    Popular Podcasts