IW105: JAVASCRIPT FOR WEB DEVELOPERS (2 DAYS)

Course Overview

JavaScript is the language that adds life to your web pages. This course covers client-side JavaScript, which is generally embedded in HTML documents. Students will learn how to dynamically create content and change the display characteristics of their pages, as well as how to validate form data and work with events, cookies, frames and other aspects of the browser.

Audience

Web page developers and web site support staff.

Pre-requisites

Students should be familiar with, and be able to construct basic web pages using HTML. Additional, basic programming experience using a modern programming language such as C, C++, Visual Basic, or Java is recommended. A rudimentary understanding of object-oriented concepts is also useful, but not required.

Course Objectives

This course will provide participants with the ability to:

• Understand the purpose and utility of JavaScript as a web technology option
• Become familiar with the features of the JavaScript language
• Know how, when and where to use JavaScript most effectively
• Gain a perspective on industry support and future issues related to the use of JavaScript
• Develop more capable websites using this inexpensive technology option

Course Topics

The following key topics will be covered during the course:

• Introduction to JavaScript
• Features
• Versions
• Client-side vs. Server-side JavaScript
• Security
• A Simple Example
• JavaScript Syntax
• Variables
• Composite Variables
• Arrays
• Primitive Variables vs. References
• Keywords
• Whitespace, Linebreaks and Case Sensitivity
• Comments
• Quotes
• Embedding JavaScript in Event Handlers
• Flow Control
• if-else
• Conditional Syntax
• while & do...while
• for and for...in
• break and continue
• switch Statements
• Functions
• The Window Object
• Window Overview
• Alert, Confirm and Prompt Boxes
• Status Line
• Setting the URL of a Window
• Scheduling Events
• Browser Sniffing
• Manipulating Windows
• History Property
• The Document Object
• Document Properties and Methods
• The write() Method
• Basics of Event Handling
• Image Replacement
• Strings and Regular Expressions
• The String Object
• Regular Expressions
• Creating Regular Expressions
• RE Metacharacters
• More Metacharacters
• Quantifiers
• Anchors
• Subexpressions and Alternation
• Regular Expression Flags
• Forms and Event Handling
• The DOM Hierarchy
• Built-in Names
• Getting and Setting Form Element Values
• Working with Select Elements
• More Select Properties
• Form Event Handlers and Methods
• Validating Forms
• External JavaScript Code
• Cookies
• Cookie Basics
• Storing Cookies
• Reading Cookies
• Cookie Limitations
• Cookie Attributes
• Frames
• Frames Overview
• Naming Frames
• Nested Frames