Background Basic JavaScript, XHTML, HTML5, and XMLWeek 1
- Viewgraph Presentation - Defines all Client-Side Coding/Markup
- Glossary of Web Terms | Acronymfinder.com
- W3C Standards on HTML/XHTML with Definitions
- Quick 10 Minute Intro to HTML
- HTML Cheat Sheet
- Note Old sample.htm didn't pass Validation & doesn't display in IE6.0
- Basic Tags Example xhtml.htm, advance tag example table.html.
JavaScript Chapter 1 Week 1
Javascript Examples
- Recommended IDES Dreamweaver, Aptana (multiple framework support) Eclipse w Web Tools and Netbeans.
- Good editors gVIM, textpad, notepad++, text warrior
- Well Formed Document with Basic XHTML Tags w Validator Icon
- Well Formed XHTML Document | Same Document with Validation
- Document Object | devGuru Document Object
- document.write( "Hello" ); and also document.lastModified
- Chargers rule: method (write/writeln & property fgColor)
- onclick="myWrite( 'hello' )"; and dblClick in Body Tag
- No document.close helloNoClose.html
- How to Create a Javascript Class (Scroll 1/2 down)
- Basic JavaScript class example, loan.htm
Chapter 2 JavaScript Datatypes and Operators Week 2
JavaScript Examples...
- Declaring Variables
- Variable Assignments
- Datatypes
- Changing DataTypes Dynamically runTimeDataTypes.htm
- Maximum Number Object Property & Scientific Notation
- Javascript -8 Peta .. 8 Peta Integer Range?
- Boolean JavaScript 0/Null False; Everything Else True
- Array Mixed Types - Arry Month Function String of Array Names.
- Arithemetic
- If & Conditional Operator
- String Class Method Examples
Chapter 3 Functins, Events and Control Structures Week 3
- hello.htm, basic hello function and call
- helloArguments.htm and String Class methods bold - blink
- average.htm Similar to Page 109 & 111 and averageWorks.htm with typeof
- local.htm Scope Example, formal parameters and var in function are local to function.
- event.htm onclick and onMouseOver event illustration using window.alert();
- page 121 Calculator.htm
- Firefox disables annoying Javascript Functions Status Bar Button.htm - devGuru window Object
- Nested If Else example movieGoer.htm
- movieGoer translate using switch.htm
- movieGoer using Form/*.js file switchWithForm.htm
- Body with onContextMenu, onclick, onload and onunload example
- Enter n Produce Table of Square/Cube Square.htm
- calculator2.htm Calculator JavaScript Array/For Loop Generates Buttons.
- Divide.htm example
- Not Click ME
- Block contextMenu
Chapter 4 Browser Object Model, XML and intro AJAX Week 5
- Viewgraphs
- Browser/Window Object Model Inheritance Example anchors.htm
- Basic Forms Illustrates ID for Forms.htm Element - Simple Adding Machine
- Alert, confirm and prompt illustration windowMethods.htm with display return result
- Window Properties illustrates Some Basic Window Properties.htm. Not Working in IE 8
- Illustrates target Page openning file.htm default, self, top and parent all open as self
- uses a copy or window.htm and sets up a top and bottom frame Frameset.htm
- Illustration of mouseEvents.htm JavaScript Event
- windowOpen.htm Function Opens and Closes Two Popup Windows
- Illustrated setTimeout window event countDown.htm
- Interval Illustration myInterval.htm
- Illustrates three Basic history.htm methods
- Location.htm illustrates location object
- navigator.htm illustrates Navigator Object
- Frameset with left and nested side Right Frames, illustrates parent object. User can select targets
Chapter 5 Forms, RegEXP and Validations Week 4
Chapter 5 Forms
- Enter name and Age form1.html to JSP and PHP Server Action File
- formData.php Sample File Used to Echo Form Data
- name.html Just like example above uses formData.php
- formVariables.html JavaScript Confirms Data
- formCount.html JavaScript Outputs Form/Element Array Counts
- inputTypes.html illustrates Various Input Types
- Illustrates lossing focus on Text Field formBlur.html.
- formValidateRE.html Basic JavaScript Regular Expression Validation.
- Add a visible/hidden span block on errors formValidateREerrors.html.
- Quiz formReset.html reset returns false.
- Quiz form labels use ID of input element, formLabelRed.html
- Swap Image Rollover click.html and JavaScript selection by Tag.
- formValidateSpry.html Spry form Example
- password.html illustrates the Password confirm
- Getting Screen Sizes screen.html