JavaScript Online References

JavaScript
Online References HTML / JavaScript / BarcodesInc

Chapter 1 JavaScript Basics / (pdf) / Source Code

The official W3C page on DOM1
JavaScript Primers #1 Starting with the Basics

Chapter 2 Sequencing and Looping / (pdf) / Source Code
HW 1 answer Review questions 2, 4, 6, 8, and 10 on p. 30. Lab 1 do Hands-On-Exercises 1-6 on p. 31 Include a myLibrary.js file. due Monday, January 23^rd.

Essential JavaScript

JavaScript Primers #2 Error Messages

JavaScript Primers #3 Dates and Times

Chapter 3 Forms Validation / (pdf) / Source Code
HW 2 answer Review questions 2, 4, 6, 8, and 10 on p. 59. Lab 2 do Hands-On Exercises 1-4 (pick one) on p. 59 using five of the ten review questions for chapter 3 as your database. Due Wednesday February 1^st. Extended to Monday February 6 using selection menus. Resubmit if your original submission didn't work.

HW 3 Create a five question quiz using Radio Buttons and five of the Chapter 3 review questions. Use these as sample code: radio1.htm, radio2.htm. Due Wednesday February 8.

Example: Radio2withComments.htm

Test #1 Monday February 13^th. Turn in by Wednesday February 15^th.

Dr. Estrella's Intereactive Web Programing. The code listings from the text are available here. View the source code of each page using your Web browser's view source feature (usually under the view menu).
JavaScript Primers #4 Event Handlers: onMouseover
JavaScript Primers #5 Some more Event Handlers
JavaScript Primers #6 Prompts & Variables

Chapter 4 Image Swapping / (pdf)
Test#1 Key Reviewed/Returned Friday February 17^th.

HW 4 (Due Monday, February 27^th) Create a frame set with a left frame called "navigation" and a right frame called "content" as follows:

<html><head><title>Great Composers Home Page</title></head>
<frameset cols="30%,*">
<frame name="navigation" src="listing4.5.htm">
<frame name="content" src="blankContent.htm">
<noframes>
<body>
<p>This page uses frames, but your browser doesn't support them.</p>
</body>
</noframes>
</frameset>
</html>

Load a few of your own double rollover images as was done in listing 4.5. Load your description page into the content frame.
Change the links in the navigation frame to target the content frame (target = "content"). Sample Code using Great Composers

W3Schools has an interesting example of image swapping that uses a button to change the image.
JavaScript Primers #7 The Concept of Properties
JavaScript Primers #8 Hierarchy of Objects
JavaScript Primers #9 Creating a Function

Chapter 5 Animated Banners / (pdf)

HW 5 (Due Wednesday, March 1^st) Answer review questions 1-7 on p 86.

The Maricopa Center for Learning and Instruction has published a useful slide show template consisting of several HTML files and some JavaScript.
Webreference.com has a helpful tutorial on creating rotating text banners.
JavaScript Primers #10 After-Effect Commands: onUnLoad and onMouseOut
JavaScript Primers #11 Opening New Windows
JavaScript Primers #12 Opening a Window with a Function

Chapter 6 Dates and Times / (pdf)

Earthweb offers a nice set of Time/Date samples and templates.
JavaScript Primers #13 'Confirm' Method (Intro to IF and ELSE)
JavaScript Primers #14 Math Variables
JavaScript Primers #15 Image Flip Using OnMouseOver
JavaScript Primers #16 Image Flip With A Function

Chapter 7 Cookies: Maintaining State / (pdf)
HW 6 (Due Monday, March 20^th) Answer review questions 4-10 on p 130.
Lab Chapter 7 (Due Monday, March 27^th) Create a three problem quiz that greets the person by name if their name is in a cookie otherwise prompt for their name and store it in a cookie. Create three random addition problems and store them in the cookie. Let the user answer the problems, storing each answer in the cookie. The user should be able to come back to the page and start off where he left off. Change the cells background color to red if the answer is wrong. Start this project by making just one math problem, displaying it, storing it and its solution in a cookie, getting the user's answer, storing it in the cookie. Read the cookie in or create a new one if there is none. See "Creating Random Numbers" (below), Listing 7.2, 7.3, 7.4, and 7.5. Sample Source Code

CookieCentral.com offers an overview of cookies and links to related news articles.
The Electronic Privacy Information Center offers information to address privacy concerns about cookies.
JavaScript Primers #17 Calling Functions With Forms
JavaScript Primers #18 Form Fields and the Value Property
JavaScript Primers #19 Passing Information to the Function
JavaScript Primers #20 Creating Random Numbers

Chapter 8 Windows and Frames / (pdf)
HW 7 (Due Wednesday, March 29^th) Determine the flow of control for the following program by listing the order in which each function is called. Do not count repeat invocations of a function only list the overall ordering, first to last. CatchMeIfYouCan. Solution: modified CatchMeIfYouCan, trial run 1, 2, 3.

Array Lab (Due Monday April 5^th) Modifiy the createProblem and checkAnswer functions to use a for loop instead of each repeating code three times, add functionality that tests whether all three problems are answered correctly or not, if they are then use the confirm method to see if the player wants to play then open the cathMeIfYouCan page in a new window using window.open(url): AdditionQuiz

Chapter 8 Lab (Due Wednesday April 19^th) Create a frames page with two panes, navigation and content. Place "QuizThreeProblems.html" in the content pane first. When three problems are answered correctly use the confirm dialog to place the "catchMeIfYouCan.htm" in the content pane. The navigation pane should have buttons that allow the user to select Addition or Multiplication for the quiz. Start with these files: ch8Lab.zip

W3Schools.com reference and tutorial on creating sites with frames

JavaScript Primers #21 Introduction to IF and Branching

JavaScript Primers #22 IF/ELSE Statements

JavaScript Primers #23 Producing Random Statements and Images

Chapter 9 Applied Programming / (pdf)

Test #2 JavaScript/HTML (Friday April 21^st) Review chapters 1-8, be able to follow the flow of control in any given webpage we have discussed.

Internet development tutorials and scripts are available at Apple Computer's developer site.
W3Schools.com interactive tutorials contain many useful script ideas.
Dr. Estrella's Interactive Web Programming site contains code examples for dynamic HTML.
JavaScript Primers #24 'For' Loops
JavaScript Primers #25 'While' Loops

Appendix A

Final Exam Review

ECMA provides a downloadable PDF file of the ECMAScript specification.
W3Schools.com provides extensive JavaScript and Dynamic HTML references and impressive tutorials.
The World Wide Web Consortium provides definitive technical specifications on the Document Object Model.
JavaScript Primers #26 Putting it all together: Functions from a Function
JavaScript Primers #27 Putting it all together: A Side Show
JavaScript Primers #28 Putting it all together: Animation
JavaScript Primers #29 Putting it all together: Form Field Validation