Skip to content

Commit dec72ad

Browse files
committed
add more content to 'Basic' module
1 parent 68e5938 commit dec72ad

File tree

1 file changed

+20
-0
lines changed

1 file changed

+20
-0
lines changed

Basics/README.md

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@
1010
| [Functions in JavaScript](#functions-in-javascript) |
1111
| [Arrays](#arrays)|
1212
| [Importing JavaScript with `defer` and `async`](#importing-javascript-with-defer-and-async) |
13+
| [Efficient Development & Debugging](#efficient-development--debugging) |
1314

1415
 
1516

@@ -334,3 +335,22 @@ Readings:
334335
- [Async & Defer — How to Load JavaScript Properly](https://javascript.plainenglish.io/async-and-defer-the-complete-guide-to-loading-javascript-properly-ce6edce1e6b5)
335336

336337
- [Efficiently load JavaScript with defer and async](https://flaviocopes.com/javascript-async-defer/)
338+
339+
## Efficient Development & Debugging
340+
341+
| Write Code Efficiently | Find Help | Debug Your Code |
342+
| :--- | :--- | :--- |
343+
| Work in a productive environment (i.e. IDE, editor)| Use MDN | An error message! Don't panic instead read and utilize error messages |
344+
| Auto-format code & use shortcuts | Learn how to google (seriously!) | Use console.log() to gain insights into your code (flow) |
345+
| Use auto-completion and hints | Ask proper questions, help others | Use the (Chrome) debugging tools |
346+
| Explore extensions & settings | Trial & Error | Use your IDEs debugging capabilities |
347+
348+
Readings:
349+
350+
- [Google Chrome DevTools Docs](https://developers.google.com/web/tools/chrome-devtools/)
351+
352+
- [Debugging in the browser](https://javascript.info/debugging-chrome)
353+
354+
- [The Beginner’s Guide to Chrome Developer Tools](https://nira.com/chrome-developer-tools/)
355+
356+
- [Debug in VSCode](https://code.visualstudio.com/docs/editor/debugging)

0 commit comments

Comments
 (0)