N341 Client-Side Web Programming Distributed Media

Lecture Title Related Files
Unit 1 - Introduction to Web Programming
1a Introduction to N341 and STAIR
1b Creating Algorithms
Unit 2 - Variables, Input, and Output
2a Variables, Input and Output
2b Hello World
2c Adding a variable
2d Incorporating user input
2e String Concatenation
2f Variable Conversion
2g Creating the name game
Unit 3 - Random Numbers and Conditions
3a Random numbers and conditions
3b Generating Random Numbers
3c Working with Random Numbers
3d Basic Conditions and the if statement
3e Using the else Clause
3f Using Nested if Statements
3g Using the switch Structure
3h Understanding the Fortune Program
Unit 4 - Looping Structures
4a Introduction to loops
4b The basic for loop
4c Variations on the for loop
4d Using a while loop
4e Creating the Number Guesser
Unit 5 - Object Based Programming
5a object-based programming
5b Modifying the document's background
5c Examining other properties of the Document object
5d Exploring document methods
5e Event-Driven Programming and button objects
5f Text-based input and output
5g Return to the mad lib
Unit 6 - Using HTML Form Elements
6a Getting Input from HTML forms
6b Using checkboxes
6c Using radio buttons
6d Working with drop-down lists
6e Creating a multiple-choice list box
6f Returning to the super mad-lib
Unit 7 - Dynamic Output
7a Introduction to dynamic output
7b Writing to Frames
7c Creating new windows
7d Creating Images
7e Writing the Petals Around the Rose Game
Unit 8 - Image-Swapping and Arrays
8a Introduction to Image - Swapping and Arrays
8b Image-Swapping
8c Managing mouse-over behavior
8d Basic Arrays
8e Creating a lookup table
8f Building the Basketball 21 game
Unit 9 - Dynamic HTML (DHTML)
9a Introduction to Dynamic HTML
9b Browser Detection
9c Cascading Style Sheets
9d Modifying DOM Objects
9e Cross-Platform DOM object movement
9f Incorporating Audio
9g Preparing the HTML for Sub Game
9h JavaScript code for sub game
Unit 10 - Using an API
10a Introduction to the Gamelib API
10b Creating a Sprite
10c Moving a Sprite
10d Changing a Sprite's Frame
10e Detecting Collisions
10f Creating a timer
10g Preparing the Car Game
10h Writing the Car Game
Unit 11 - More Gamelib Features
11a Using Sound, Layers, and Keyboard
11b Working with Layers and the Keyboard
11c Adding sound in gamelib
11d Using frame animation
11e Adding a missile
11f Returning to the dogfight game
Unit 12 - Cookies and the Mouse
12a Using Cookies and the Mouse
12b Using the mouse for drag and drop
12c Responding to mouse events
12d Following the mouse and sprites
12e Storing information in cookies
12f Creating the jigsaw puzzle
Unit 13 - The Game Creation Process
13a The game creation Process
13b Creating the basic sprites
13c Adding the paddle
13d Detecting paddle - ball collisions
13e Adding bricks
13f Adding more bricks and sound effects
13g Adding multiple game boards
13h Changing the bricks' behavior
13i Adding a scoring system
13j Reorganizing and cleaning up
13k Adding a high score cookie
© Andy Harris
Indiana University / Purdue University, Indianapolis
email: aharris@cs.iupui.edu
homepage: http://www.cs.iupui.edu/~aharris