From 2b34f2e34d3d053d9a143cb9475dc6123f9e0a83 Mon Sep 17 00:00:00 2001 From: Brent Guffens Date: Fri, 19 Jan 2018 11:07:44 +0100 Subject: [PATCH 1/3] Proper capitalization --- 1-js/03-code-quality/01-debugging-chrome/article.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/1-js/03-code-quality/01-debugging-chrome/article.md b/1-js/03-code-quality/01-debugging-chrome/article.md index 9c81d2dc..00e6df04 100644 --- a/1-js/03-code-quality/01-debugging-chrome/article.md +++ b/1-js/03-code-quality/01-debugging-chrome/article.md @@ -28,7 +28,7 @@ Let's click it and select `index.html` and then `hello.js` in the tree view. Her Here we can see three zones: -1. **Resources zone** lists html, javascript, css and other files including images that are attached to the page. Chrome extensions may appear here too. +1. **Resources zone** lists HTML, JavaScript, CSS and other files, including images that are attached to the page. Chrome extensions may appear here too. 2. **Source zone** shows the source code. 3. **Information and control zone** is for debugging, we'll explore it soon. From aa60a3e026f44860059bb518ad7953bc80313152 Mon Sep 17 00:00:00 2001 From: Brent Guffens Date: Fri, 19 Jan 2018 11:08:44 +0100 Subject: [PATCH 2/3] Update article.md --- 1-js/03-code-quality/01-debugging-chrome/article.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/1-js/03-code-quality/01-debugging-chrome/article.md b/1-js/03-code-quality/01-debugging-chrome/article.md index 00e6df04..11e45ab0 100644 --- a/1-js/03-code-quality/01-debugging-chrome/article.md +++ b/1-js/03-code-quality/01-debugging-chrome/article.md @@ -28,9 +28,9 @@ Let's click it and select `index.html` and then `hello.js` in the tree view. Her Here we can see three zones: -1. **Resources zone** lists HTML, JavaScript, CSS and other files, including images that are attached to the page. Chrome extensions may appear here too. -2. **Source zone** shows the source code. -3. **Information and control zone** is for debugging, we'll explore it soon. +1. The **Resources zone** lists HTML, JavaScript, CSS and other files, including images that are attached to the page. Chrome extensions may appear here too. +2. The **Source zone** shows the source code. +3. The **Information and control zone** is for debugging, we'll explore it soon. Now you could click the same toggler again to hide the resources list and give the code some space. From 65c3bbe6fd848584d64dd14d5ce42e3580f6041b Mon Sep 17 00:00:00 2001 From: Brent Guffens Date: Fri, 19 Jan 2018 11:47:03 +0100 Subject: [PATCH 3/3] Typos --- 1-js/03-code-quality/01-debugging-chrome/article.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/1-js/03-code-quality/01-debugging-chrome/article.md b/1-js/03-code-quality/01-debugging-chrome/article.md index 11e45ab0..5eb32678 100644 --- a/1-js/03-code-quality/01-debugging-chrome/article.md +++ b/1-js/03-code-quality/01-debugging-chrome/article.md @@ -46,7 +46,7 @@ For example, here `1+2` results in `3`, and `hello("debugger")` returns nothing, ## Breakpoints -Let's examine what's going on within the code of the [example page](debugging/index.html). In `hello.js`, click at the line number `4`. Yes, right on the `"4"` digit, not on the code. +Let's examine what's going on within the code of the [example page](debugging/index.html). In `hello.js`, click at line number `4`. Yes, right on the `4` digit, not on the code. Congratulations! You've set a breakpoint. Please also click on the number for line `8`. @@ -123,7 +123,7 @@ Now it's time to *trace* the script. There are buttons for it at the top of the right pane. Let's engage them. -- continue the execution, hotkey `key:F8`. -: Resumes the execution. If there are no additional breakpoints, then the execution just continues and the debugger looses the control. +: Resumes the execution. If there are no additional breakpoints, then the execution just continues and the debugger loses control. Here's what we can see after a click on it: @@ -178,7 +178,7 @@ As we can see, there are three main ways to pause a script: Then we can examine variables and step on to see where the execution goes wrong. -There are many more options in developer tools than covered here. The full manual is at +There are many more options in developer tools than covered here. The full manual is at . The information from this chapter is enough to begin debugging, but later, especially if you do a lot of browser stuff, please go there and look through more advanced capabilities of developer tools.