This week we will be providing an introduction to using the JavaScript language within a web browser. We will cover the basics of HTML templates, how to link JavaScript code, a brief introduction to the language, its data types, variables and data structures, we will introduce control flow and functions, event listeners and finally, the HTML canvas.
In this lecture we will provide a bit of background and set the scene for working with javascript in the web browser. We cover the minimum required HTML template, a small amount of CSS and introduce some core Javascript syntax which we can compare to the python equivalent.
In this lecture we will introduce the HTML canvas and the simple 2D rendering context which provides a JavaScript API for drawing shapes, lines and curves.
In this exercise we will introduce the fundamentals of using JavaScript within a browser. We explore some features of the developer console and cover basic DOM manipulation.
In this exercise we will introduce JavaScript functions and event listeners which allow code to be called in response to specific actions such as clicks or mouse movement.
In this exercise we will introduce the HTML canvas element and the associated JavaScript API.