In week four we will discuss the following topics:
• JSON
• Code debugging using the browser
• JSON/Arrays
• Code flow (order of execution)
• (capturing user input)
• Structuring code files

• JSON (MDN)

• JSON Video

• Chrome DevTools Debugging

• Chrome DevTools Video

Links to MDN (Mozilla Developer Network) topics:

• Function.prototype.call()

• Function.prototype.apply()

• Function.prototype.bind()

• Arguments object

• Strict mode

• If you want to find out more about (mouse) events, check out this resource: https://www.quirksmode.org/js/events_mouse.html

Please go through the material and come to class prepared!

Before class I'd like all of you to have ready the below:

• Have the latest Chrome Browser version installed
• Go to themoviedb.org and create an account (it's free). After login go to your profile settings -> API section and check your API Key (we will use it in class).

• Introduction to HTTP

Have a look at the below resources, courses and videos

• Chrome Developer Tools
• Chrome DevTools Overview
• Chrome DevTools
• Devtools 2017: The Basics of Chrome Developer Tools (Udemy free lesson)
• Chrome Developer Tools (Devtools) Tutorial Introduction for Beginners (Youtube video)

• Introduction to the DOM
• The Basics of DOM Manipulation in Vanilla JavaScript
• JavaScript DOM Tutorial (YouTube Playlist)
• Introduction to events
• Event reference
• Javascript Events Tutorial (Youtube video)

JSON Tutorial: Learn JSON in 10 Minutes Introduction to fetch() Working with the Fetch API