Lesson 1 - Getting user input; manipulating DOM [April 25, 2011, 2:33 p.m.]
Hello everybody, and welcome to the first week's lesson! Please watch the following videos and read the source code of the accompanying examples.
[INCOMPLETE - I will be adding the links to the videos and code examples as I upload them]
- Video 1.0 - About the Course; Contents of Lesson 1
- Video 1.1 - Review of the DOM (Document Object Model); basic concepts of event handling; using jQuery
- Example 1.1 - changing color, size, and position of a <div> using jQuery in response to button clicks.
- Example source code
- Video Explanation
- Video 1.2 - Delving deeper into event handling; handling events in a cross-browser way
- Example 1.2 - Getting the x and y location of mouse up and mouse down events
- Example source code
- Video Explanation
- Example 1.3 - Timers
- Example source code
- Video Explanation
- Video 1.3 - A bit of theory: what is a function, anyway? Functions as first-class objects; anonymous callback functions; functional programming