Introductions, Course Information

• server-side and client-side programming
• JavaScript versions
• <script> tag
• document.write() method
• <noscript> tag, browser statistics, <noscript> code
• variables
• functions
• variable scope, variable scope example
• external javascript files
• comments

Operators and Expressions

• dot syntax for objects, methods, and properties
• JavaScript in event handlers and as a URL
• Date object with get and set methods
• arithmetic operators and shorthand notation (++, +=, etc.)
• pre- and post-increment
• Math object, isNan(value), isFinite(value), value.toFixed(digits)
• converting between numbers and text strings
• conditional, comparison, and logical operators
• time-delayed commands and commands at specified intervals
• recursive use of setTimeout using form field
• example of setInterval using form field
• rounding numbers and generating random numbers

Arrays, Loops, and Conditional Statements

• declararing arrays, assigning values as part of declaration
• array methods - reverse, sort, slice, splice, push, pop, unshift, shift, concat, join, toString
• for, while () {} and do {} while () loops
• if statement
• switch statement
• break and continue statements, statement labels
• JavaScript calendar showing current month and with current day of month bolded
• calculation using JavaScript rounding function

Objects

• Document Object Model - W3C, IE, and Netscape 4
• array notation for accessing objects by index numbers or associative arrays
• document.all.id and document.all.tags in IE DOM
• document.getElementById() and document.getElementByTagName in W3C DOM
• navigator object properties - for/in statement for navigator
• Navigator Properties for IE6, Mozila 1.5, Netscape 8, and Netscape 7.2
• browser detection vs. object detection
• DHTML - HTML, CSS, and JavaScript - move, movetime, Use of setInterval
• Controlling layout for different screen resolutions
• Custom object
• Inclass coding

Special Effects

• referencing an inline image thorugh use of images collection, getElementById, or name
• creating an Image object and R/W properties in JavaScript
• preloading images using the Image object and doing image rollovers - inclass coding
• text rollovers using CSS hover pseudo-class or modifying style properties through JavaScript
• menus using CSS positioning and visibility - inclass coding using visibility, inclass coding using display
• Internet Explorer filters (CSS and JS), transitions (CSS and JS), and interpage transitions (meta-tag)
• Controlling Flash Movie through JavaScript

Windows and Frames

• properties of the window object - defaultStatus, status
• use of return true or return false to disable the default action
• history object methods - back(), forward(), go()
• location object - redirection to another page by windowobj.location.href
• document.referrer - possible security restrictions outside domain
• window.open(url, name, features) and methods that change aspects of current window
• window.alert("message", window.prompt("message", "default", window.confirm("message") - inclass coding
• writing content to another window and accessing an object within a window from another window
• modal and modeless windows (IE only)
• frames and iframes

Forms and Regular Expressions

• referencing a form and form element
• input fields - properties and methods
• selection lists - options[] and text and value properties, selectedIndex
• radio buttons and checkboxes - checked property
• form validation - onsubmit event handler - return false disables default action - inclass coding
• String object methods - charAt, slice, substr, substr, split, indexOf
• String formatting methods
• regular expressions - character positions, character types, repeating characters, alternate patterns, grouping
• regular expression object constructor, regular expression methods - test, search, match, split, replace
• appending data to a URL and retrieving form data through location.search

Cookies

• cookie limitations - <4K, <=20 from given website, <=300 total - one unused for longest period of time is purged
• create a cookie - name, value, expires, path, domain, and secure attributes - inclass coding of cookie writing and parsing to pre-populate form elements