| GETTING STARTED WITH JAVASCRIPT
Web Scripting
What is JavaScript? – capabilities
Application of JavaScript
JavaScript vs. Jscript vs. ECMAscript
How Client-Side JavaScript works
Embedding JavaScript
Simple JavaScript features
Variables in JavaScript
What your Browser does
THE CORE JAVASCRIPT LANGUAGE
Application areas
Core language items
Character set
Declaring variables
Identifies
Reserved words
Literals
String literals
Escape sequences in strings
Case and space
Semicolons
Comments
Numeric data types
Numeric constants
Floating point constants
Pop-up dialog boxes and prompting for input
ARITHMETIC AND OPERATORS
Data types in JavaScript
Special numeric constants
What are operators?
Arithmetic operators
The variable assignment operator
Comparison operators/relational operators
Logical Operators
Incrementing/decrementing operators
OBJECTS AND EVENTS
Typical Events
Events and HTML
Example validation function
Event models – various browsers
Useful events
Simple form validation
Image rollover example
Document event example
Document Object Model (DOM)
The DOM window
The window Object
The document Object
The Form Object and form elements
Using form Objects and elements
Naming, accessing and verifying forms and form elements
Verifying Elements
The focus method
Input fields, events and methods
JAVASCRIPT OBJECTS, METHODS AND PROPERTIES
The JavaScript Object Model and Hierarchy
Document
Window
window.navigator
window.location
window.history
Window Methods
Opening new windows
Timeouts
Intervals
Manipulating Frames
Saving state with Cookies
Detecting JavaScript with Cookies
Privacy and Security |
JAVASCRIPT TIPS
Focusing a form with the page loads
Menus which jump to a new page
Image Preload
Double Image Rollover
Double Image Rollover: Code
Decrementing Operators
String Operators
Converting a string to a number
The conditional operator (ternary operator)
The Unary Minus Operator
Bitwise Operators
Variable assignments shortcuts
Short-circuit Operators
Operator Precedence and Associativity
JAVASCRIPT FLOW CONTROL
Blocks
Variables in Blocks
Flow control: if…else
Hierarchical conditions (nested if statements)
Flow control: switch
The while loop
Using while loops
do / while
Loops using for
Additional control concepts
The break statement
The continue statement
for .. in loops
JAVASCRIPT FUNCTIONS
What are Functions for
Built-in Functions
Function Structure
Function Arguments
Number of Function Arguments
Constructing Functions
Returning Values
Local Variables
The Call Chain
Recursion
Scope of Functions
Including Files
STORING DATA IN ARRAYS IN JAVASCRIPT
Array Basics
JavaScript Arrays
Mouse-over status-bar text
Paired <select> Boxes
THE JAVASCRIPT
Nodes and Attributes
HTML and the DOM
DOM Conformance
Navigating a Document
Modifying Documents
Adding Contents
Documents Fragments
CSS AND JAVASCRIPT
Naming Conventions and Properties
Positioning and Size
Computed Styles
The Z-Index
Visibility
Animation |
4 Ravey Street
London EC2A 4QP
t: +44(0)20 7729 1811
f:+44(0)20 7729 9412
information@premiercs.co.uk |
