Main Module Page

Due: Feb. 16 @ 11:59pm EST

(Note: M05 will also be due Feb. 16 @ 11:59pm EST)

Optimal Points for this Module = 10

Please view this short M04/M05 Preview Video: http://screencast.com/t/mGtSjOGBuEIV

Download the Firebug console and use it to find errors

!!ALERT!!

This module covers A LOT of material, start early, read, review tutorials and practice each day.

You WILL NOT be able to wait until the last minute and accomplish each task for the assignment.

Module 4: Control Statements -- Loops (IF, ELSE, [DO] WHILE, switch, BREAK, CONTINUE)

User Interactions & Data Structures -- Objects and Arrays

Read: Eloquent Javascript - Chapter 4: http://eloquentjavascript.net/chapter4.html

(Feel free to read ahead at any time, we follow the book chapters straight through)

Read: Additional information and examples:

Loops (IF, ELSE, [DO] WHILE, switch, BREAK, CONTINUE)

Arrays

Objects

Complete: Quiz 04 (2 points)

Tutorials: Atomic Learning - JavaScript Basics Training

Note on Tutorials: While these are technically optional, if you work through the tutorials, you will be prepared to complete your assignments:

jQuery & JavaScript Basics Training

B. JavaScript: (very) Basic

Creating arrays

C. JavaScript: Decisions, Statements and Loops

The following are great little scripts to create user interactions (optional but very handy):

E. JavaScript: Forms and User Interaction (for Chris)

Advice from a REAL programmer: On my flight back from LA, I sat next to a computer programmer, I asked him what top three (3) tips he had for future web designers/programmers, here's what he said:

1. You don't learn javascript (or any other code) straight from a book, you have to DO IT, practice it, look at other people's code

2. Use code libraries like jQuery, Mozilla Developer Network (why re-invent the wheel?)

a. There's lots of tutorials in Atomic Learning for jQuery: Start here -- Introducing jQuery

3. You don't have to comb through code to find errors - download and use Firebug to find errors for you (you still have to correct them)

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

Note: By now, I should be able to go to Our Gallery and click on your index page and be able to access all of your module pages.

1. Create and Execute: Your selection of (3) of the program ideas that demonstrate your use of loops, objects and arrays OR (1) PROGRAM CHALLENGE:

Program ideas for M04

One (1) program containing IF/ELSE, WHILE/DO WHILE, SWITCH, BREAK and/or CONTINUE
One (1) program that demonstrates use of an ARRAY
One (1) program that demonstrates use of OBJECT(s)
OR one (1) PROGRAM CHALLENGE (writing this 1 program satisfies the requirement for this whole assignment)
Optional: One (1) program that demonstrates use of a user interaction (Or include this in one of the previous programs)

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 m04.html page.
Here is my example: http://mkstewart.myweb.usf.edu/lis4365/m04/m04.html (Note: DO NOT copy my m04 page/code, modify it a little bit and call it your own. I'm using an unusual type face/font-family and I can tell when you do this!)

2. Reflect (don't skimp! I need your input!)

Create a "Reflect" section on your m04.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 M04: Assignment Submission link

Submit your (live, remote, functional) URL (link to m03.html page) to the M04 assignment submission link . It should look like this (but with your USF NetID): http://mkstewart.myweb.usf.edu/lis4365/m04/m04.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 demonstration of use of:

IF/ELSE and/or WHILE/DO WHILE, SWITCH, BREAK and/or CONTINUE
at least one ARRAY
at least one OBJECT
optional: at least one user interaction

OR one (1) PROGRAM CHALLENGE (writing this 1 program satisfies the requirement for this whole assignment).
Reflection entry
Functional link(s) back to the index page, e.g. Home
Functional link from Module Menu to m04.html page

4. Check thyself lest ye wreck thyself (ok, I told you I wouldn't remind you, unless you forgot, well, some of you forgot - check all links):

to and from Home
to and from various program examples
DEAD links are BAD, even worse than "this page is under construction"

5. Make it pretty (optional)

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 (you can get lots of freebies before you have to join)

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/

Main Module Page