ITSE 1411 JavaScript

Home | Syllabus | Calendar | Project | Contact Info
ITSE 1411.7427 Web Programming with JavaScript, Spring 2007

Class Calendar

The class calendar lists all assignments, quizzes, and reference materials.
The online class calendar is part of the official class syllabus.

ABREVIATIONS:

DOM = Jeremy, Keith. (September 2005). DOM Scripting: Web Design with JavaScript and the Document Object Model. New York, NY: Friends of ED. ISBN: 1590595335

Bookwork = You should work through each chapter (3 through 11) in the course text, performing all exercises. Bookwork assignments are to be uploaded to the NL server. These exercises are not graded but completing them will provide the student with necessary skills to successfully complete the course projects.

Readings = Articles for reading. Not graded.

Topics = Short graded papers or projects. These assignments may be uploaded to the NL server or sent to your instructor as attachments to e-mail messages. These assignments are graded.

Quizzes = One online multiple-choice quiz over the copyright guidelines. This quiz will be scored automatically and the score sent to your instructor.

Exercises = Graded assignments that expand on material in the textbook. Some are required and some are optional. See calendar for required or optional.

Projects = Graded assignments. Projects take from the equivalent of two class sessions to an entire semester. Uploaded to the NL server. A project evaluation form is used. See calendar for the form.

References or Resource = Documents provided for additional information. You will never be tested on a reference document. If you're falling behind, the reference documents should be ignored.

Admin = Administrative items needed to make the class run more smoothly.

Notes = Tips on how to handle particular assignments.

Week 1 January 15

Activity

Description

Due Date

Holiday Monday, January 15, Martin Luther King, Jr. Day

Admin Please read the syllabus and review the course calendar. On the first day of class you will receive an email from your instructor which will provide details on getting started with the course.
1/22

Admin If you haven't done so fill out the Student Profile. Click on, “Set Up My Account” in the upper right corner of your browser window. Write down the UserName and Password issued to you -- you will need this information to upload your site.
1/22

Admin Uploading your exercises and projects using Microsoft Internet Explorer. You will upload your work using MS IE which will give you more control over the upload process.
1/22

Reading Syllabus, Lab Policies, Open Lab Information
1/22

Reading NLC Computer Graphics Copyright Guidelines
1/22

Reading DOM Ch 1 - A Brief History of JavaScript

1/22

Reading
The Document Object Model (DOM) - References and Tutorials

W3C: Document Object Model
http://www.w3.org/DOM/

JavaScript Document Object Model
http://www.washington.edu/computing/training/521/zz-dom.html

IBM: JavaScript and the Document Object Model
http://www-128.ibm.com/developerworks/web/library/wa-jsdom/

JavaScript: The Definitive Guide, 4th Edition
Chapter 17: The Document Object Model

Thau's JavaScript Tutorial : Lesson 3, Page 1 - The JavaScript Document Object Model, Windows, and Frames
http://www.webmonkey.com/webmonkey/98/03/index3a.html

1/29

Project Each student will develop and submit a semester project for this course. Before beginning work on the project, each student must submit a project proposal to the instructor for approval. The proposal is due by 10:00pm, Monday, February 19th, 2007. The final project must incorporate both JavaScript and HTML programming. The final project is due by 12-noon on Thursday, May 10th, 2007.
5/10

Exercise 1 Scavenger Hunt. This will be sent to you as an email attachment.
1/22

Week 2 January 22

Quiz NLC Web Copyright Guidelines
1/29

HTML Review A basic knowledge of HTML is a requirement for this course. If your HTML skills are weak or you have note done any HTML coding for a while, it is strongly recommended that you work through the following HTML review exercises. This material is optional & will not be graded.

Review Reading HTML Code Tutorial
Adam's Advanced HTML Guide: Frames
Framing the Web - Explanations of TARGET property.

Review Exercises PlainText Markup-A
PlainText Markup-B
PlainText Markup-C

Not Graded

Reading DOM Ch. 2 - JavaScript Syntax
DOM Ch. 3 - The Document Object Model

1/29

Reference WebMonkey's ASCII Character Chart (Escape Characters)

Example Frames Example 1

Example Frames Example 2

Week 3 January 29

Reading DOM Ch 4 - A JavaScript Image Gallery
DOM Ch 5 - Best Practices

2/5

Example Array Example

Exercise 2 Decisions, Loops & Functions
2/12

Example Object Example

Week 4 February 5

Reading DOM Ch 6 - Image Gallery Revisited
DOM Ch 7 - Creating Markup on the Fly

2/12

Example Browser Example

Week 5 February 12

Reading
DOM Ch 8 - Enhancing Content
DOM Ch 9 - CSS-DOM

2/19

Reference
Cascading Sryle Sheets - References and Tutorials

An Introduction to Cascading Style Sheets
http://www.irt.org/articles/js084/index.htm

Introduction to Style Sheets
http://www.jalfrezi.com/fstyles.htm

CSS in 7 Easy Steps
http://www.javascript-page.com/css/

Cascading Style Sheets Tutorials
http://www.pageresource.com/dhtml/indexcss.htm

Tutorials for Web Developers - Cascading Style Sheets
http://www.wdvl.com/Authoring/Tutorials/css.html

Browser Targeted Cascading Style Sheets Using JavaScript
http://www.abiglime.com/webmaster/articles/jscript/012899.htm

4/2

Example Date Example 1

Example Date Example 2

Exercise 3 More Functions, Validating & Parsing Data
2/26

Week 6 February 19

Proposal Semester Project Proposal Due
2/19

Reading DOM Ch 10 - Animated Sideshow
2/26

Example Window Object Example

Week 7 February 26

Reading
DOM Ch 11 - Putting It All Together

3/5

Exercise 4 Data Types & Variables
3/19

Week 8 March 5

Reading DOM Ch 12 - The Future of DOM Scripting
3/12

Week 9 March 12

Holiday March 12 through 16, Spring Break

Week 10 March 19

Example Cookies

Example Random Image Example

Exercise 5 Image Gallery
4/2

Week 11 March 26

Work on semester project.

Week 12 April 2

Exercise 6 Cascading Style Sheets (CSS)
4/16

Holiday Friday, April 6, Easter Holiday

Week 13 April 9

Admin Last day to drop with a W, Thursday, April 12th 2007.

Work on semester project.

Week 14 April 16

Exercise 7 Animation - Work through and complete the example in Chapter 10 in the course text. Upload the completed exercise to your work space on the NLC server. Name the final version of your document Ex7.htm.
4/30

Week 15 April 23

Work on semester project.

Week 16 April 30

Example Form Validation Example 1

Example Form Validation Example 2

Exercise 8 Form Validation
5/10

Week 17 May 7

Project Semester Project due by last class day.
5/10

All work must be turned in by noon on Thursday, May 10th, 2007.

Top of Page

Week 1 January 15
Activity	Description	Due Date
Holiday	Monday, January 15, Martin Luther King, Jr. Day
Admin	Please read the syllabus and review the course calendar. On the first day of class you will receive an email from your instructor which will provide details on getting started with the course.	1/22
Admin	If you haven't done so fill out the Student Profile. Click on, “Set Up My Account” in the upper right corner of your browser window. Write down the UserName and Password issued to you -- you will need this information to upload your site.	1/22
Admin	Uploading your exercises and projects using Microsoft Internet Explorer. You will upload your work using MS IE which will give you more control over the upload process.	1/22
Reading	Syllabus, Lab Policies, Open Lab Information	1/22
Reading	NLC Computer Graphics Copyright Guidelines	1/22
Reading	DOM Ch 1 - A Brief History of JavaScript	1/22
Reading	The Document Object Model (DOM) - References and Tutorials W3C: Document Object Model http://www.w3.org/DOM/ JavaScript Document Object Model http://www.washington.edu/computing/training/521/zz-dom.html IBM: JavaScript and the Document Object Model http://www-128.ibm.com/developerworks/web/library/wa-jsdom/ JavaScript: The Definitive Guide, 4th Edition Chapter 17: The Document Object Model Thau's JavaScript Tutorial : Lesson 3, Page 1 - The JavaScript Document Object Model, Windows, and Frames http://www.webmonkey.com/webmonkey/98/03/index3a.html	1/29
Project	Each student will develop and submit a semester project for this course. Before beginning work on the project, each student must submit a project proposal to the instructor for approval. The proposal is due by 10:00pm, Monday, February 19th, 2007. The final project must incorporate both JavaScript and HTML programming. The final project is due by 12-noon on Thursday, May 10th, 2007.	5/10
Exercise 1	Scavenger Hunt. This will be sent to you as an email attachment.	1/22
Week 2 January 22
Quiz	NLC Web Copyright Guidelines	1/29
HTML Review	A basic knowledge of HTML is a requirement for this course. If your HTML skills are weak or you have note done any HTML coding for a while, it is strongly recommended that you work through the following HTML review exercises. This material is optional & will not be graded.
Review Reading	HTML Code Tutorial Adam's Advanced HTML Guide: Frames Framing the Web - Explanations of TARGET property.
Review Exercises	PlainText Markup-A PlainText Markup-B PlainText Markup-C	*Not Graded*
Reading	DOM Ch. 2 - JavaScript Syntax DOM Ch. 3 - The Document Object Model	1/29
Reference	WebMonkey's ASCII Character Chart (Escape Characters)
Example	Frames Example 1
Example	Frames Example 2
Week 3 January 29
Reading	DOM Ch 4 - A JavaScript Image Gallery DOM Ch 5 - Best Practices	2/5
Example	Array Example
Exercise 2	Decisions, Loops & Functions	2/12
Example	Object Example
Week 4 February 5
Reading	DOM Ch 6 - Image Gallery Revisited DOM Ch 7 - Creating Markup on the Fly	2/12
Example	Browser Example
Week 5 February 12
Reading	DOM Ch 8 - Enhancing Content DOM Ch 9 - CSS-DOM	2/19
Reference	Cascading Sryle Sheets - References and Tutorials An Introduction to Cascading Style Sheets http://www.irt.org/articles/js084/index.htm Introduction to Style Sheets http://www.jalfrezi.com/fstyles.htm CSS in 7 Easy Steps http://www.javascript-page.com/css/ Cascading Style Sheets Tutorials http://www.pageresource.com/dhtml/indexcss.htm Tutorials for Web Developers - Cascading Style Sheets http://www.wdvl.com/Authoring/Tutorials/css.html Browser Targeted Cascading Style Sheets Using JavaScript http://www.abiglime.com/webmaster/articles/jscript/012899.htm	4/2
Example	Date Example 1
Example	Date Example 2
Exercise 3	More Functions, Validating & Parsing Data	2/26
Week 6 February 19
Proposal	Semester Project Proposal Due	2/19
Reading	DOM Ch 10 - Animated Sideshow	2/26
Example	Window Object Example
Week 7 February 26
Reading	DOM Ch 11 - Putting It All Together	3/5
Exercise 4	Data Types & Variables	3/19
Week 8 March 5
Reading	DOM Ch 12 - The Future of DOM Scripting	3/12
Week 9 March 12
Holiday	March 12 through 16, Spring Break
Week 10 March 19
Example	Cookies
Example	Random Image Example
Exercise 5	Image Gallery	4/2
Week 11 March 26
	Work on semester project.
Week 12 April 2
Exercise 6	Cascading Style Sheets (CSS)	4/16
Holiday	Friday, April 6, Easter Holiday
Week 13 April 9
Admin	Last day to drop with a W, Thursday, April 12th 2007.
	Work on semester project.
Week 14 April 16
Exercise 7	Animation - Work through and complete the example in Chapter 10 in the course text. Upload the completed exercise to your work space on the NLC server. Name the final version of your document Ex7.htm.	4/30
Week 15 April 23
	Work on semester project.
Week 16 April 30
Example	Form Validation Example 1
Example	Form Validation Example 2
Exercise 8	Form Validation	5/10
Week 17 May 7
Project	Semester Project due by last class day.	5/10
	All work must be turned in by noon on Thursday, May 10th, 2007.