JavaScript
Programming
Topic-Level Outline
Days: 5
Prerequisites: Internet Explorer 5, Netscape Navigator 4.0 or equivalent experience
Unit 1: Introduction to JavaScript
Topic A:0 JavaScript and HTML basics
A-1: Understanding JavaScript’s role on the Web
A-2: Creating an HTML document
A-3: Understanding programming language, logic, and debugging
Topic B:0 Using the SCRIPT tag and comments
B-1: Using the SCRIPT tag
B-2: Creating a JavaScript source file
B-3: Adding JavaScript comments
B-4: Hiding JavaScript from incompatible Browsers
B-5: Placing JavaScript in HEAD or BODY sections
Unit 2: Variables, functions, objects and events
Topic A:0 Working with variables and functions
A-1: Previewing the image map
A-2: Declaring and using variables
A-3: Defining and calling a function
Topic B:0 Introduction to JavaScript objects
B-1: Understanding JavaScript objects
B-2: Using object inheritance and prototypes
B-3: Using object methods
B-4: Understanding variable scope
Topic C:0 Using events and event handlers
C-1: Understanding events
C-2: Using event handlers for HTML tags
C-3: Using event handlers for links
C-4: Using event handlers for an image map
Unit 3: Data types and operators
Topic A:0 Using data types and arrays
A-1: Previewing the calculator program
A-2: Using numeric data type
A-3: Using Boolean data type
A-4: Using strings
A-5: Using arrays
Topic B:0 Expressions and operators
B-1: Understanding expressions
B-2: Using arithmetic operators
B-3: Using assignment operators
B-4: Using comparison operator
B-5: Using logical operators
B-6: Using string operators
B-7: Creating the calculator program
Unit 4: Working with control structures and statements
Topic A:0 Working with decision making statements
A-1: Previewing the quiz program
A-2: Using the if statement
A-3: Using the if…else statement
A-4: Using the nested if and if…else statement
A-5: Using the switch statement
Topic B:0 Working with loops
B-1: Using the while statement
B-2: Using the do…while statement
B-3: Using the for statement
B-4: Using the for…in statement
B-5: Using the with statement
B-6: Using the break and continue statement
Unit 5: Windows and frames
Topic A:0 Working with windows
A-1: Previewing the virtual zoo program
A-2: Understanding JavaScript object model
A-3: Opening and closing windows
A-4: Working with timeouts and intervals
Topic B:0 Working with frames
B-1: Creating frames
B-2: Using the TARGET attribute
B-3: Nesting frames
B-4: Frame formatting and NOFRAMES tag
Topic C:0 Working with location, history, and navigator object
C-1: Understanding location and history objects
C-2: Using navigator object
C-3: Referring to frames and windows
Unit 6: Using forms and data validation
Topic A:0 Working with forms
A-1: Previewing the product registration form
A-2: Using the FORM tag
A-3: Using text and password boxes
A-4: Using radio buttons and check boxes
A-5: Using reset buttons
A-6: Using command buttons
A-7: Using submit and image submit buttons
A-8: Using selection lists and multiline text fields
Topic B:0 Validating data
B-1: Using hidden form fields
B-2: Referencing forms and form elements
B-3: Using form event handlers
B-4: Using form methods and properties
B-5: E-mailing a form’s data
Unit 7: Dynamic HTML and animation
Topic A:0 Dynamic Object Model
A-1: Previewing the animation files
A-2: Understanding Dynamic HTML and DOM
A-3: Using document object methods and properties
A-4: Using the Image object
A-5: Using animation with the Image object
A-6: Adding image caching to the document
A-7: Adding image caching by using the image onLoad event
Topic B:0 Cascading Style Sheets and animation
B-1: Understanding CSS
B-2: Positioning two images in an HTML document
B-3: Using dynamic positioning in Internet Explorer
B-4: Using dynamic positioning in Navigator
B-5: Creating a cross browser compatible document
Unit 8: Working with query strings, cookies and security
Topic A:0 Working with query strings
A-1: Previewing the product registration and home page programs
A-2: Passing state information as query string
A-3: Appending a query string to a URL
A-4: Parsing a string
Topic B:0 Working with cookies
B-1: Saving state information in transient cookies
B-2: Adding fields to the cookie
B-3: Storing user’s name and favorite background color in a persistent cookie
B-4: Reading and displaying the contents of a transient cookie
B-5: Reading user’s personal option from a persistent cookie
Topic C:0 Implementing security
C-1: Using the same origin policy
C-2: Creating a certificate password
C-3: Creating a test certificate with signtool
C-4: Working with privileges
C-5: Signing a JavaScript program
Unit 9: Debugging JavaScript
Topic A:0 Basic debugging techniques
A-1: Understanding debugging
A-2: Using error messages to locate bugs
A-3: Tracing errors with the alert() method
A-4: Tracing errors with the write() and writeln() methods
A-5: Using comments to locate bugs
Topic B:0 Additional debugging techniques
B-1: Checking HTML tags
B-2: Analyzing logic and reloading an HTML document
B-3: Using the for…in statement and watch points to check object properties
Topic C: 0 Using Netscape JavaScript debugger
C-1: Opening an HTML document in source view
C-2: Tracing program execution using the step command
C-3: Using breakpoints
C-4: Tracing variables and expressions
C-5: Using the call stack window
Topic D: 0 Using Microsoft Script debugger
D-1: Opening an HTML document in source view
D-2: Tracing program execution using the step command
D-3: Using breakpoints
D-4: Tracing variables and expressions
D-5: Using the call stack window
Unit 10: Server-side JavaScript using LiveWire
Topic A:0 Using Netscape LiveWire
A-1: Previewing the WebAdventure home page
A-2: Understanding Client/Server architecture
A-3: Creating a server side script
A-4: Compiling an application
A-5: Installing and starting an application
Topic B:0 Using LiveWire core objects
B-1: Using the request object
B-2: Using the client object
B-3: Using the project and server object
B-4: Creating a guest book
Unit 11: Server-side JavaScript using Active server pages
Topic A:0 Using Microsoft Active server pages
A-1: Previewing the WebAdventure home page
A-2: Creating a server-side script
A-3: Adding an ASP processing directive
A-4: Mixing HTML and server-side JavaScript
Topic B: 0 Using ASP core objects
B-1: Using the request and response object
B-2: Using session object
B-3: Using application and server object
B-4: Creating a guest book
Unit 12: Introducing database and database connectivity
Topic A:0 Introducing database concepts
A-1: Previewing the registration program
A-2: Understanding databases
A-3: Understanding database management system
Topic B:0 Creating database connectivity using LiveWire
B-1: Creating a system DSN
B-2: Understanding structured query language
B-3: Using the LiveWire database object
B-4: Using the execute() method
B-5: Using the cursor object
B-6: Using the SQLTable() method
B-7: Understanding transaction processing and error handling
Topic C: 0 Creating database connectivity using Active server pages
C-1: Creating a file-based DSN
C-2: Using the ADO connection object
C-3: Using the execute() method
C-4: Using the recordset object
C-5: Understanding transaction processing and error handling
Unit 13: Working with Java applets and embedded data
Topic A:0 Introduction to Java
A-1: Previewing the guessing game and embedded data programs
A-2: Understanding Java basics
A-3: Using classes and methods
A-4: Creating an applet
A-5: Using Java variables and data types
A-6: Adding an applet to an HTML document
A-7: Controlling Java applets with JavaScript
Topic B:0 LiveConnect, Java, and JavaScript
B-1: Understanding Java packages and LiveConnect
B-2: Understanding data conversion between Java and JavaScript
B-3: Importing the JSObject and JSException classes
B-4: Using the JSObject class methods
B-5: Using the MAYSCRIPT attribute
B-6: Accessing Java classes from JavaScript
Topic C: 0 Plug-Ins and ActiveX
C-1: Adding a plug-in to the HTML document
C-2: Manipulating plug-ins with JavaScript
C-3: Adding a ActiveX control to the HTML document