Main Module Page

Due: March 30 @ 11:59pm EST

Optimal Points for these Modules = 10 (each)

Here's a brief intro to this module. It contains some advice on how to tackle all this!

Module 08: Object Oriented Programming (OOP), Modularity ( + jQuery Library)

Introduction to Object-Oriented Programming by Mozilla Developer Network (Read me first! I'm a quick intro by an authoritative source!)

Read: Eloquent Javascript Ch. 8 --http://eloquentjavascript.net/chapter8.html

Read: Eloquent Javascript Ch. 9 --http://eloquentjavascript.net/chapter9.html

(Hint: Read for general context and quiz completion, use the tutorials below to complete assignments)

Complete: Quiz 08 (2 points)

Read: Additional Information/Examples:

Object Oriented Programming Tutorials/Examples:

The next 3 tutorials go together:

Review: Javascript Objects in Detail
Pre-view: Javascript Prototype in Plain Language
Read: OOP in Javascript: What you NEED to Know (creating your own version of the quiz application is an assignment option)

The following tutorials are on lynda.com (a software tutorial service), click here for instructions on how to log-in:

Practical and Effective Javascript with Joe Marini (lynda.com):

Object-Oriented Javascript (view all 5 parts of section 5)

View/Listen: Object Playground (Video + It's got a really cool "Visualize and Explore" Feature!(optional)

Modularity + jQuery Library, User Interface, User Interactions:

#9. UI Enhancement with Simon Allardice (lynda.com)(view all 3 parts of section 9)
#11. Javascript Libraries (lynda.com)(view all 4 parts of section 11)
jQuery for Web Designers with Joe Chellman (lynda.com)(view section 1-3, then pick another section to concentrate on, e.g. #4. Integrating a plug-in OR #5. Objects in Motion

M08: Assignment(s) (8 points total):

Note:Your index page in Our Gallery should enable access all of your module pages.

1. Create and Execute: Your selection of (4) of any of the program ideas that demonstrate your use of object-oriented programming (OOP), modularity + jQuery Library:

OOP Program ideas M08 - Note: These are just a few ideas, if you have one of your own, by all means, implement it! (check out other lynda.com tutorials for ideas if you like)
One (1) program that uses an object-oriented programming

Triangle program
Quiz Application
Build a Wrapper Object (use the exercise file from the "Using wrapper objects" lynda.com tuturial)

Two (2) programs that demonstrate use of the jQuery Library
One (1) additional "Make it pop" element - graphic, effect, user interaction, color, banner, etc. - you pick (No more excuses! You've got the tools, tutorials and knowledge)
Alternatively (instead of the four (4) listed above), you can select four (4) jQuery Library programs/modules/objects

Put all your programs on one (1) page OR put each program on a separate page, just make sure they all execute properly and link back to your main m08.html page.

2. Reflect

Create a "Reflect" section on your m08.html page. You can reflect in any media you see fit: text, imagery, audio/video (combination thereof)

Criteria for Reflection:

This is not an academic paper but also not just a list. Write a narrative in the range of 200-300 words similar to a blog post or online journal. Although it won't be graded for grammar and such, ensure that it is readable by others and reflects your thinking, creativity and style.

Concentrate on the PROCESS you went through as you built your web page(s), rather than focusing entirely on the product. Respond to these questions (at minimum):

What did I learn?
What was enlightening?
What did I like/not like?
What did I change (if anything) from my original plan?
What would I do differently if I did it again?

3. Submit to M08: Assignment Submission link

Submit your (live, remote, functional) URL (link to m08.html page) to the M08 Submission link . It should look like this (but with your USF NetID): http://mkstewart.myweb.usf.edu/lis4365/m08/m08.html

Criteria for Javascript Programs:

1. The programs are written and created by you (not copy/pasted from someone/somewhere else)

2. The program(s) are uploaded to myweb.usf.edu and executes properly on the server (execution does not simply display the code in a browser window)

3. The program's code follows proper syntax

4. The program contains all required elements, in this case:

Your demonstrated of use:

object-oriented programming, modularity OR jQuery Library elements

Reflection entry
Functional link(s) back to the index page, e.g. Home
Functional link from Module Menu to m08.html page
At least one (1) "Make it pop" element

4. Check thyself lest ye wreck thyself

functional links to and from Home
functional links to and from your programs

Resources:

http://www.learningwebdesign.com/links.html (This is the book we used in Web Design Management)

Check out the myriad other Atomic Learning tutorials that cover web design, web graphics, Adobe photoshop, & Adobe illustrator

Lynda.com (we've got a subscription until 4.14.14 - go for it!)

YouTube (tons of tutorials, not all very good, let me know if you're looking for something specific, I may be able to help you locate something worthwhile)

Digital Learning Studio @ USF (real live people that can address your specific requests)

Basic Javascript interactive elements: http://www.quackit.com/javascript/examples/