Background
This two
day Introduction to JavaScripting course is designed to give you the scripting
knowledge to add interactivity to your website and to enable you to provide
your site’s users with a richer, more responsive experience. This is a
practical ‘hands-on’ course which assumes no previous programming knowledge.
The course will teach you to use JavaScripts to test which
browser version is being used and to direct the user to the right page for
their browser, to embed JavaScripts in HTML pages, create rollovers for
buttons, cookies, verify information entered into on-line forms and customise
the information being presented to your site’s users.
Course Outline
DAY ONE
INTRODUCTION
JavaScript
and Java
What can JavaScript
do?
Embedding
JavaScripts in HTML
JavaScript
comments
Dealing
with non-JavaScript browsers
Creating
external .js files
BASIC
OBJECT ORIENTED CONCEPTS
Objects
- properties, methods and events
Understanding
Dot syntax
BROWSER
OBJECT MODELS
Understanding
the cross-browser DOM
Understanding
object properties
EVENT
HANDLERS
What
are Events?
Using
OnClick
Using
OnMouseOver
Using
OnMouseOut
PROGRAMMING
CONCEPTS
Introducing
variables and datatypes
Local and
global variables
What are
operators and comparators?
Assigning
values to variables
Understanding
and writing your own
variables
with functions
CONDITIONALS
AND LOOPS
Using
‘if else’, ‘switch’ case
Using
‘for’, ‘do’ and ‘while’ loops
CREATING
SIMPLE SCRIPTS
Creating
a JavaScript alert
Using the confirm()
and prompt() methods
Detecting
different browser versions
CREATING
VISUAL EFFECTS
Creating
and triggering a rollover
Preloading
images for rollovers
Creating
disjointed rollovers
QUESTIONS
AND ANSWERS
DAY TWO
CREATING
ANIMATING GRAPHICS
Learning
to use arrays and timeout() methods
Creating
banners
Cycling
banners
GLOBAL
JAVASCRIPT CONCEPTS
Global
methods
GLOBAL
JAVASCRIPT OBJECTS
Using
the Date object
Using
the Array object
Understanding
the String and Math object
WORKING
WITH FRAMES
Using
framesets
Frame
hierarchy
Loading
frames
Using
functions to control frames
WORKING
WITH FORMS
Using
JavaScripts to validate
information
typed into forms
Using
the String object
Checking
data in multiple fields
Checking
for specific characters
JAVASCRIPT
AND BROWSER WINDOWS
Opening
and closing browser windows
Referring
to windows
Controlling
window content
Creating
a control panel
Updating
parent windows
USING
COOKIES
What
cookies can and can’t do
Writing
and reading cookies
JAVASCRIPT
GOOD PRACTICE
Common
JavaScript errors
Building
a collection of scripts
Learning
to read JavaScript
QUESTIONS
AND ANSWERS
