Class 1: Javascript
Readings
Douglas Crockford – Javascript the World’s Most Misunderstood Language
Assignments
1. Go through class.js and copy and paste the different parts into Firebug. Examine what happens. Modify the code.
2. Create an object that has 3 slots, firstName, lastName, fullName. fullName should be a function. You should be able to set firstName, lastName and then call the function fullName to get the full name of the person as a string.
3. Create an contructor version of the above. Demonstrate that you can make multiple people using this constructor.
4. Challenge: write a filter method. modify the Array prototype to add this functionality to all Arrays.
5. Challenge (hard): extend only drag1 with the Highlightable functionality. There’s more than one way to do this.
Class 2: HTML + CSS
Assignments
1. Position 4 divs of equal size at each corner of the browser window.
2. Do #1 without using markup. That is, generate the 4 divs with Javascript and the DOM.
3. Create a short presentatin describing a possible future for the Web.
4. Challenge: Create a drop down menu w/o Javascript (Hint: use the hover pseudo-selector, investigate the CSS display property further).
5. Challenge (hard): Refer to the blog post about this one.
Class 3: MooTools & XmlHttpRequest
Assignments
1. Create an animation that gets triggered by a DOM event.
2. Change the PHP file for the Request2 Example so that 1000 Bob’s and Bill’s are randomly placed onto the page. Extra: Make them dance. You’ll need to place these files in your public_html on the ITP server or host it on your own server.
3. Design a simple UI component for class next week. You will implement this interface the following week.
4. Challenge: Demonstrate effects chaining. Look at the documentation about creating function chains in Class.Extras.
Class 4: Advanced MooTools & Server Side Programming
Assignments
1. Implement an aspect of your UI component idea.
2. Write a simple Greasemonkey script that includes MooTools and changes web pages.
3. Plan an sketch for a larger project that you wish to implement over the course of the semester. Create a post on the blog linking to it. We will go over these next class.
Class 5: Canvas & SVG
1. Create an example that uses the Canvas Tag
2. Continue to develop your component concept. Provide a working example of an element of your component.
3. Challenge: Create an animation using the Canvas tag.
4. Challenge: Allow the animals to be nameable.
Class 6: Web Services
1. Create a presentation for a final project(s).
2. Modify the Google Maps, Flickr, or YouTube examples.
3. Challenge: Get the Twitter code in the examples working.
Class 7: Project Proposal
Class 8: Version Control
1. Work on your project(s).
2. Put a piece of code onto GitHub. Share the repository link.
3. Select someone’s project. Clone it and modify it.
4. Take the modification and include into your repository.
Class 9: Comet
1. Prepare a progress presentation for next week.
2. Run the Comet PHP version off of your ITP account.
3. Challenge: Create a Comet project with Orbited.
Class 10: Flash & Quicktime Integration
Class 11: Jabber (Beyond Chat) & CouchDB (Beyond MySQL)
Class 12: Guest Speaker
Class 13: Project Work Shop
Class 14: Final Presentation
