Enhancing Web Pages with JavaScript (Third Edition)
Course Specifications
Course number: 085569
Software: JavaScript
Course length: 1.0 day(s)
Course Description
You have been developing web pages using HTML programming
and are able to style web pages with CSS. You can make your web pages more
engaging to the user by introducing enhancements using JavaScript. In this
course, you will examine the use of JavaScript on web pages to enhance the
user interface, enable browser compatibility of web pages for both Navigator
and Internet Explorer, and also use the error-handling features of your browser
to find and correct scripting errors.
Course Objective: You will use JavaScript to add enhancements to a website.
Target Student: This course is intended for students who understand the basics of
how the Internet works, the basics of HTML, the basics of programming concepts,
and the basics of Cascading Style Sheets.
Prerequisites: To ensure students’ success with this course, we
recommend that they first take the following Element K courses or have equivalent
knowledge:
- Introduction to Programming
- HTML Programming: Level
1
- HTML Programming: Level
2
- Web Development with Cascading Style Sheets
Delivery Method: Instructor led, group-paced, classroom-delivery learning model with structured hands-on activities.
Hardware Requirements
- A PC-compatible computer.
- A Super VGA monitor and video card capable of displaying at
a resolution of 800 x 600 or greater.
- A mouse or compatible tracking device.
- A CD-ROM drive.
Platform Requirements
Software Requirements
- A connection to the Internet.
- RAM requirements (minimum): 64 MB.
- Hard Drive Space (full install): 200 MB.
- Navigator 6x or higher, Internet Explorer 6x or higher, or
both.
Performance-Based Objectives
Upon successful completion of this course, students will be able to:
- explore JavaScript web page effects and JavaScript code
in an HTML document, and interpret error messages from web browsers.
- examine the basic concepts of JavaScript.
- assign JavaScript object references and examine programming
control structures and code formatting techniques.
- create dynamic image effects on a web page by swapping
images, creating rollover effects, and automatically swapping images.
- create dynamic styles and position effects for both Netscape
Navigator and Internet Explorer.
- create frames, and load new pages into frames and new custom
browser windows.
- validate form data.
Course Content
- Lesson 1: Exploring JavaScript
- Topic 1A: View JavaScript Effects
- Topic 1B: Examine JavaScript Code
- Topic 1C: Identify Errors in JavaScript
- Lesson 2: Getting Started with JavaScript
- Topic 2A: Display Messages in the Browser Window
- Topic 2B: Manage Events
- Topic 2C: Create Functions and Variables
- Lesson 3: Managing Object References and Control Structures
- Topic 3A: Assign Object References
- Topic 3B: Examine Control Structures and Code Formatting Techniques
- Topic 3C: Navigate Web Pages with the Select Object
- Lesson 4: Creating Interactivity with Images
- Topic 4A: Swap Images
- Topic 4B: Create Image Rollovers
- Topic 4C: Automate Dynamic Image Swapping
- Lesson 5: Creating Dynamic Styles and Positioning Effects
- Topic 5A: Manage Browser Differences
- Topic 5B: Change Styles Dynamically
- Topic 5C: Position Dynamic Elements
- Lesson 6: Working with Windows and Frames
- Topic 6A: Create Frames
- Topic 6B: Change Contents of a Frame
- Topic 6C: Load Pages into New Windows
- Lesson 7: Validating Form Data
- Topic 7A: Validate Data with Functions
- Topic 7B: Calculate Numeric Values
- Topic 7C: Script onSubmit and onReset Events