-
Getting Started
32-
Lecture1.1
-
Lecture1.2
-
Lecture1.3
-
Lecture1.4
-
Lecture1.5
-
Lecture1.6
-
Lecture1.7
-
Lecture1.8
-
Lecture1.9
-
Lecture1.10
-
Lecture1.11
-
Lecture1.12
-
Lecture1.13
-
Lecture1.14
-
Lecture1.15
-
Lecture1.16
-
Lecture1.17
-
Lecture1.18
-
Lecture1.19
-
Lecture1.20
-
Lecture1.21
-
Lecture1.22
-
Lecture1.23
-
Lecture1.24
-
Lecture1.25
-
Lecture1.26
-
Lecture1.27
-
Lecture1.28
-
Lecture1.29
-
Lecture1.30
-
Lecture1.31
-
Lecture1.32
-
-
Check Point
1-
Lecture2.1
-
-
Locked
4-
Lecture3.1
-
Lecture3.2
-
Lecture3.3
-
Lecture3.4
-
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 :).
Things You Should Know
- great for debugging JavaScript, HTML & CSS
- console panel allows for JavaScript to be run
- the element panel is great for watch/working with the DOMThe Document Object Model (DOM) is a programming API for HTML and XML documents. It defines the logical structure of documents and the way a document is accessed and manipulated. In the DOM specification, the term "document" is used in the broad sense - increasingly, XML is being used as a way of re... as you work on your JavaScript