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

Software installation for the JavaScript 2 Module

To save time, please do these preparations at home before coming to the first lecture.

1. Install the following extensions in VSCode (you may have installed some of them already):

   • Code Spell Checker
   • ESLint
   • Prettier - Code formatter
   • open in browser
   • Live Server
   • Bracket Pair Colorizer

2. Install the ESLint tool globally by issuing the following command from the command line:

   npm install -g eslint
   

3. Fork this repository (i.e., JavaScript2) and clone your fork to your laptop.

4. Open the JavaScript2 folder from the cloned repository in VSCode.

5. Open a terminal window in VSCode and type the following command:

   npm install
   

Review of JavaScript1

As a refresher, go through the topics of JavaScript1:

Week 2

• Variables (var, let, const)
• Basic Data types (Strings, Numbers, Arrays, Booleans)
• Operators
• Naming conventions

Week 3

• Advanced data types (objects)
• Conditional execution
  
• Statements vs Expressions
  
• Loops (for/while)
• Functions
• Scope

Required readings for the first lecture

(No reading material available at this time for the crossed-out topics)

• Capturing user input
• Events
• Basic DOM manipulations (img src, innerHTML)
• Code Degugging Using the Browser
• Code commenting
• Structuring code
• Code formatting
• Handing in homework via PR

Extras:

• Strict mode
• Chrome DevTools Debugging

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

• Chapter 14: The Document Object Model

  You can skip the following sections:

  • Moving through the tree

• Chapter 15: Handling Events

  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!