JavaScript - Introduction
Course Description
This is a 4 day course that combines the necessary fundamentals of the JavaScript language with hands-on practical exercises. Various discussions and solutions to the exercises are encouraged using this approach. The course intends to give each delegate an understanding of Object Oriented Programming and apply it to the JavaScript environment.
Course Duration
4 days
Course Objectives
On completion of this course delegates will be able to:
· Understand what JavaScript is and how it works
· Describe the DOM and work with its features
· Understand and describe Object Oriented principles
· Identify browser differences in JavaScript
· Have the confidence to experiment with JavaScript
· Write multi-browser compatible code
· Make decisions and use pattern matching
· Work with multiple windows
· Check web forms prior to submission
· Create moving objects on a page and work with Style Sheets
· Work with cookies
· How to use your browser for debugging
· Understand what JavaScript is and how it works
· Describe the DOM and work with its features
· Understand and describe Object Oriented principles
· Identify browser differences in JavaScript
· Have the confidence to experiment with JavaScript
· Write multi-browser compatible code
· Make decisions and use pattern matching
· Work with multiple windows
· Check web forms prior to submission
· Create moving objects on a page and work with Style Sheets
· Work with cookies
· How to use your browser for debugging
Course Content
INTRODUCTION
What the course covers, documentation, resources and books.
WHAT IS JAVASCRIPT?
Identify what JavaScript is, how it works, where it fits in the web model, versions and some examples.
GETTING STARTED
Layout of a JavaScript, tags, when a script executes, writing a simple script, the navigator object, alert().
VARIABLES, DATA TYPES, EXPRESSIONS
Describe the various data types, create and use variables, working with variables, naming variables, interpolation, operators, precedence, conversion and functions.
DOCUMENT OBJECT MODEL
Describe the DOM, its layout, objects, properties and methods, Dates and Math object, HTML events.
DECISIONS
What are decisions, using if, switch, while, for, leaving loops early, introduction to functions.
ARRAYS
Basics of arrays, types, usage, methods for arrays, sorting.
FUNCTIONS & OBJECTS
Recap functions, using the DOM, pass by value, return values, with(), variable scope, creating objects, working with classes and objects, inheriting.
PATTERN MATCHING
Defining patterns, search text strings, understanding the special characters, creating regular expressions.
WINDOWS AND FRAMES
Using multiple windows, understanding window components, working with frames, problems with multiple windows and frames, window relationships and communication, interval timers.
ADVANCED FORMS
Identifying form elements, working with form elements and naming, where and when to use them, onSubmit.
COOKIES
What are they, their use, create/update/delete, risks.
STYLE SHEETS
Describe the components of a style sheet, create style sheet and use them in HTML, working with SPAN and DIV for alignment.
DYNAMIC HTML
What is DHTML, working CSS into JavaScript, producing DHTML pages, advantages/disadvantages.
What the course covers, documentation, resources and books.
WHAT IS JAVASCRIPT?
Identify what JavaScript is, how it works, where it fits in the web model, versions and some examples.
GETTING STARTED
Layout of a JavaScript, tags, when a script executes, writing a simple script, the navigator object, alert().
VARIABLES, DATA TYPES, EXPRESSIONS
Describe the various data types, create and use variables, working with variables, naming variables, interpolation, operators, precedence, conversion and functions.
DOCUMENT OBJECT MODEL
Describe the DOM, its layout, objects, properties and methods, Dates and Math object, HTML events.
DECISIONS
What are decisions, using if, switch, while, for, leaving loops early, introduction to functions.
ARRAYS
Basics of arrays, types, usage, methods for arrays, sorting.
FUNCTIONS & OBJECTS
Recap functions, using the DOM, pass by value, return values, with(), variable scope, creating objects, working with classes and objects, inheriting.
PATTERN MATCHING
Defining patterns, search text strings, understanding the special characters, creating regular expressions.
WINDOWS AND FRAMES
Using multiple windows, understanding window components, working with frames, problems with multiple windows and frames, window relationships and communication, interval timers.
ADVANCED FORMS
Identifying form elements, working with form elements and naming, where and when to use them, onSubmit.
COOKIES
What are they, their use, create/update/delete, risks.
STYLE SHEETS
Describe the components of a style sheet, create style sheet and use them in HTML, working with SPAN and DIV for alignment.
DYNAMIC HTML
What is DHTML, working CSS into JavaScript, producing DHTML pages, advantages/disadvantages.
Who should attend?
The course is aimed at those who need to write client side applications for the web that will work successfully with Netscape and Internet Explorer. It is also targeted at those wanting to add dynamic content to their site, or write complex pattern matches for submission forms before the data is sent to the server.
Pre-requisites
A knowledge of HTML is a requirement for this course and the ability to work with either Netscape Navigator or Internet Explorer for browsing. No prior programming experience required.