JavaScript Introduction for Programmers

This course will teach students about the JavaScript and programming techniques needed to develop cutting-edge, interactive Web sites. From opening windows to image-flipping and form validation, this JavaScript course gives students the necessary skills to building exciting, dynamic Web pages.

After completing this course, students will be able to:

• Understand JavaScript Commands and Program Structure
• Build Dynamic Image Changes
• Calculate and Validate Form Content
• Create Dynamic Content
• Open and Close Windows
• Construct Server-Side Includes
  

Target audience

Students should have an excellent working knowledge of HTML gained through experience or prior attendance on an advanced level course. Students must also have experience with using a modern programming language such as Perl, C++ or Visual Basic.

Course content

Introduction to JavaScript What is JavaScript? • Debugging JavaScript

How JavaScript Works JavaScript Objects • The JavaScript DOM • Accessing the Document Object's Background Color • Exercise 1: Building a JavaScript Color Picker

Invoking Methods Methods of the window Object • Nesting Quotes • Executing Multiple Statements in JavaScript • Event Handlers of the Link Object • Exercise 2: Modifying Your Color Picker to Display an Alert

JavaScript Functions Eliminating the Redundancy via a Function • Writing a JavaScript Function • Passing an Argument to a Function • Concatenating Strings and Variables • Exercise 3: Modifying Your Color Picker to use Functions

Introduction to Scalar Variables JavaScript Data • The Prompt method • A more complete example • Exercise 4: Making Your Color Picker More Personal

Calling Functions from other Functions Exercise 5: Calling functions from within other functions

Introduction to the If Conditional Exercise 6: Using an if Conditional

Storing a List of Variables in an Array Creating an Array

Working with Forms in JavaScript Referring to Forms and Form Elements in Dot Syntax Notation • The value Property • Advanced Form Handling: Making the Function More Portable • The this object

Working with Numbers Casting (Converting) Strings to Numbers using Number()o Comparing Numeric Data • Exercise 7: Calculating the Sum of Two Numbers

More Event Handlers Methods § Event Handlers • Event Methods • Exercise 8: Enhancing your Form

Handling Radio Buttons and Checkboxes in JavaScript Handling Radio Buttons • Handling Checkboxes • Marking a Radio Button or Checkbox • Exercise 9: Testing Radio Buttons and Checkboxes

Storing JavaScript in an External File

Loop Structures in JavaScript Basic Arithmetic Operators • Loop Structures • The return statement • Exercise 10: Processing a Visitor's Registration Form

Validating forms: Numeric and string data Validating Numeric Data • The String Object and Form Validation • The onSubmit Event Handler and Form Validation • Exercise 11: Validating a complex form

Working with the windowObject window.open() and window.close() • document.write() • document.close() • Focusing and Closing a Window • Exercise 12: Building a Pop-up Window

The Date Object in JavaScript Getting Today's Date as an Object

The Navigator Object

The Location Object Exercise 13: Directing the Client to a Browser Site

Frames in JavaScript The window's frame property • Properties and objects useful in communicating between frames • Methods() of the frame tag • Frame Event handlers • Exercise 14: Targeting your color picker in frames

Generating Status Bar Messages The window's status Property • Exercise 15: Displaying Status Bar Messages

Creating a scrolling banner The substring() method of the string object • Exercise 16: Creating a scrolling status bar message

Working with Images Pre-loading Images • The eval() Method • Exercise 17: JavaScript Image Flipping

Creating a slide-show with Image Flipping Exercise 18: Creating a Slide Show

Appendix A: Color Values and their Hex Triplet Equivalents

Appendix B: JavaScript Glossary

Appendix C: Recommended Resources

About Courseware Company :: Instructor-led training courseware :: Self-study solutions :: Buy online today