(public).sospep.subjects ~ view article ~ debug

<h1 style="text-align: center;">debug</h1>
<h2>[WHAT]</h2>
<ol>
<li>] by Don Sagrott, founder @ sospep.com -&nbsp;</li>
<li>] <strong>debug / debugging</strong> is the process of analyzing software programs/applications for "bugs" (aka problems, issues, errors, ...)&nbsp;</li>
<li>] <strong>debugger</strong> - can be a tool or tools used in the process of debugging&nbsp;</li>
<li>] <strong>chrome developer tools</strong> is a program used to debug (aka a debugger) javascript applications. It is built into the google chrome web browser. Other web browsers have similar implementations in there&nbsp;</li>
<li>]&nbsp;debug ( js w/dev tools)</li>
<li>] debugging ,] dev tools, ] breakpoint, ] set, ] step into, ] step over, ] continue, ] inspect values, ] conditional breakpoint, ] call stack &nbsp;</li>
</ol>
<h2>[WHY]</h2>
<ol>
<li>] troubleshoot&nbsp;</li>
<li>] fix&nbsp;</li>
<li>] enhance&nbsp;</li>
<li>] monitor</li>
<li>] report&nbsp;</li>
</ol>
<h2>[WHERE]</h2>
<ol>
<li><strong>] READ THE FULL ARTICLE</strong></li>
<ol>
<li>]</li>
</ol>
<li>] js apps,&nbsp;</li>
<li>] web sites,&nbsp;</li>
<li>] web pages,&nbsp;</li>
<li>] js ?</li>
<li>&nbsp;</li>
</ol>
<h2>[WHEN]</h2>
<ol>
<li>] 2017-11-13</li>
</ol>
<h2>[EXAMPLE]</h2>
<ol>
<li>]</li>
</ol>
<h2>[HOW-TO]</h2>
<ol>
<li>] f12 -&nbsp;</li>
<li>] create a breakpoint -&nbsp;</li>
<li>] step over -&nbsp;</li>
<li>] step into -&nbsp;</li>
<li>] continue -&nbsp;</li>
<li>] inspecting runtime var values -&nbsp;</li>
<li>] create a conditional breakpoint</li>
<li>]&nbsp;</li>
</ol>
<h2>[REFERENCE]</h2>
<ol>
<li>] #7415 <a href="/view/task?id=7415" target="_blank">CREATE-article# #</a> (this) - debug 101</li>
<li>]&nbsp;<a href="https://www.youtube.com/watch?v=KbEx0s06VLs" target="_blank">Debugging JavaScript in chrome</a>&nbsp;-&nbsp; [08:00] VIDEO ] by ... ] basics of debugging including setting breakpoints, stepping into and over code execution blocks, inspecting variables during runtime, using conditional breakpoints&nbsp;</li>
<li>] + paul irish video ] by Paul Irish, dev evangalist @ google chrome -&nbsp;</li>
<li>] <a href="https://developers.google.com/web/tools/chrome-devtools/console/console-reference" target="_blank">chrome dev docs - console</a> - ] by &nbsp;google</li>
<li>] #7415&nbsp;<a href="/view/task?id=7415" target="_blank">CREATE-article# #</a>&nbsp; - SUMMARY VIDEO - ] <a href="https://www.youtube.com/watch?v=2zmUSoVMyRU" target="_blank">15 tips to master chrome dev... console</a> - [15:00]*&nbsp;video&nbsp; ]&nbsp;</li>
<li>] #7415&nbsp;<a href="/view/task?id=7415" target="_blank">CREATE-article# #</a>&nbsp; -&nbsp;SUMMARY VIDEO - ]&nbsp;<a href="https://www.youtube.com/watch?v=xkzDaKwinA8" target="_blank">14 must know chrome dev tools tricks</a>&nbsp; - [10:36] VIDEO ] by wes bos - &nbsp;</li>
</ol>
<h1 style="text-align: center;">&nbsp;</h1>

~ view article ~ Chapter] ch-002-learning-javascript FROM [ Book] language-javascript IN [ libraries] technology-developer-www