Title: Programming Web Pages with JavaScript
Course: CGS 2820 Webpage Design & Development > Section: Module 12

Introduction

In this module you will learn how to make your pages more dynamic using JavaScript. JavaScript is a programming language that runs on the client side of the Web page. That means the user’s computer runs the script, not the server. This limits JavaScript, but it also allows you to dynamically change the elements and content of your pages without having to contact the server. We’ll access the document object model of the page to dynamically access elements of the page, watch for events on the page, and generate new content that doesn’t exist in the HTML.

Objectives

Upon completion of this module, the student will be able to:

- Explore the Document Object Model
- Add content using a script
- Trigger a script using an event handler
- Create a function
- Store and compare data in variables
- Generate Web page content dynamically
- Script fallback options with Modernizer
- Integrate an existing script

Readings & Resources

HTML5 and CSS3 Illustrated Complete, First Edition

- Unit L: Programming Web Pages with JavaScript