Enhancing Web Pages with JavaScript (Third Edition)
Course length:
5 days
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 courses or have equivalent knowledge:
- Introduction to Programming
- HTML Programming: Level 1
- HTML Programming: Level 2
- Web Development with Cascading Style Sheets
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.
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
