# Reading material for the first lecture: ``` In week one we will discuss the following topics: â€¢ Capturing user input â€¢ Basic DOM manipulations[img src, innerHTML] â€¢ Code debugging using the browser â€¢ Events â€¢ Code commenting â€¢ Structuring code files â€¢ Code formatting â€¢ Handing in homework via PR ``` - Chrome DevTools [Debugging](https://developers.google.com/web/tools/chrome-devtools/) ### A Refresher from some previous covered topics: Links to MDN (Mozilla Developer Network) topics: - [Strict mode](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Strict_mode) ## Review Review through the topics of JavaScript1: ### JavaScript1 - Week 2 - [Variables (var, let, const)](./../../../../fundamentals/blob/master/fundamentals/variables.md) - [Basic Data types (Strings, Numbers, Arrays, Booleans)](./../../../../fundamentals/blob/master/fundamentals/values.md) - [Operators](./../../../../fundamentals/blob/master/fundamentals/operators.md) - [Naming conventions](./../../../../fundamentals/blob/master/fundamentals/naming_conventions.md) ### JavaScript1 - Week 3 - [Advanced data types (objects)](./../../../../fundamentals/blob/master/fundamentals/objects.md) - [Conditional execution](./../../../../fundamentals/blob/master/fundamentals/conditional_execution.md)
- [Statements vs Expressions](./../../../../fundamentals/blob/master/fundamentals/statements_expressions.md)
- [Loops (for/while)](./../../../../fundamentals/blob/master/fundamentals/loops.md) - [Functions](./../../../../fundamentals/blob/master/fundamentals/functions.md) - [Scope](./../../../../fundamentals/blob/master/fundamentals/scope.md) ### Required readings (No reading material available at this time for the crossed-out topics) - ~~Capturing user input~~ - [Events](http://javascript.info/introduction-browser-events) - [Basic DOM manipulations (img src, innerHTML)](./../../../../fundamentals/blob/master/fundamentals/DOM_manipulation.md) - [Code Degugging Using the Browser](http://javascript.info/debugging-chrome) - [Code commenting](./../../../../fundamentals/blob/master/fundamentals/code_commenting.md) - ~~Structuring code~~ - [Code formatting](./../../../../fundamentals/blob/master/fundamentals/code_formatting.md) - [Handing in homework via PR](https://github.com/HackYourFuture/fundamentals/blob/master/fundamentals/homework_pr.md) ### Recommended readings These chapters from _Eloquent JavaScript_ give in-depth explanations of the topics that will be discussed during the lecture. Highly recommended (if time permits). - Chapter 13: [JavaScript and the Browser](http://eloquentjavascript.net/13_browser.html) - Chapter 14: [The Document Object Model](http://eloquentjavascript.net/14_dom.html) _You can skip the following sections:_ - Moving through the tree - Chapter 15: [Handling Events](http://eloquentjavascript.net/15_event.html) Notes: for the lectures and homework you only need to know about these events: `click`, `change`, `keyup` and `load`. _You can skip the following sections (but come to these sections when doing the React module):_ - Touch events - Scroll events - Focus events - Events and the Event Loop - Debouncing _Please go through the material and come to class prepared!_