Introduction
Elements of this syllabus are subject to change.
This three-day instructor-led course provides students with the knowledge and skills to start creating and working with JavaScript. This course covers the material you need to know to become proficient using JavaScript with your Web pages. You will learn JavaScript’s critical elements, including language syntax, script design, and deployment. This course will provide you with a strong foundation in JavaScript and enable you to build JavaScript-enabled Web pages correctly and with confidence.
Audience
This course is intended for:
| • |
Beginning Web designers who want to know as much about JavaScript as possible to enhance their Web sites |
| • |
Webmasters who want to code and debug complex Web projects, and learn to reduce server traffic by manipulating data in the browser with JavaScript |
| • |
Web developers who need to expand beyond the limits of HTML |
At Course Completion
After completing this course, students will be able to:
| • |
Write JavaScript code and use it in Web pages. |
| • |
Understand how JavaScript interacts with HTML forms. |
| • |
Grasp the fundamentals of JavaScript data types, such as Strings, Integers, and Booleans. |
| • |
Understand the basics of looping and array handling. |
| • |
Handle errors and exceptions gracefully in applications. |
| • |
Model data by using an object-based approach. |
| • |
Organize JavaScripts to make them easier to change in the future and implement into other projects. |
Prerequisites
Before attending this course, students must have:
| • |
Practical experience with personal computers and desktop workstations. |
| • |
Knowledge of the most popular browser platforms (Microsoft Internet Explorer 5.0 or later, Mozilla/Netscape, Opera). |
| • |
General knowledge of HTML/XHTML tags and forms. |
| • |
Basic programming knowledge is helpful, but not necessary. |
Course Outline
Module 1: Introduction
This module explains the differences between Java and JavaScript and how to work with simple operators and variables.
Lessons
| • |
JavaScript’s Humble Beginning |
| • |
JavaScript and ECMA |
| • |
New Features of JavaScript 1.5 |
| • |
So Many Browsers |
| • |
Introduction to the DOM |
| • |
Script Placement |
| • |
Variables, Expressions, and Evaluations |
Lab 1: Introduction
| • |
Overview |
| • |
Dynamic Writing and Event Handlers |
| • |
External Script Launching |
| • |
JavaScript Links and Calculations |
After completing this module, students will be able to:
| • |
Understand when JavaScript is the best solution. |
| • |
Understand key differences between popular browsers. |
| • |
Work with simple operators and variables. |
| • |
Do simple calculations and conversions with integers. |
Module 2: JavaScript Conditions and Loops
This module explains how if and if…else constructions work, the benefits of looping control structures, and how to organize with labeled statements.
Lessons
| • |
The if/if…else Control Structure |
| • |
The Switch Statement |
| • |
Boolean Operators: NOT/AND/OR and Bitwise |
| • |
Loops |
| • |
The with Statement |
Lab 2: JavaScript Conditions and Loops
| • |
Overview |
| • |
Loop the Loop: A Dynamic Table |
| • |
Decision Structure: Controlling the Table |
After completing this module, students will be able to:
| • |
Understand how if and if…else constructions work. |
| • |
Understand switch constructions. |
| • |
Discover Boolean operators. |
| • |
Use looping control structures. |
| • |
Minimize typing by using with. |
| • |
Organize with labeled statements. |
Module 3: Strings and Functions
This module explains how to manipulate strings in JavaScript, create functions and understand their parameters, and how to return data from functions.
Lessons
| • |
Strings |
| • |
Functions |
| • |
Variable Scope |
Lab 3: Strings and Functions
| • |
Build the Page Dynamically |
| • |
Create a Function for the Calculations |
After completing this module, students will be able to:
| • |
Manipulate strings in JavaScript. |
| • |
Create functions in JavaScript. |
| • |
Understand how function parameters are used. |
| • |
Return data from functions in JavaScript. |
| • |
Understand variable scope. |
Module 4: Arrays
This module explains arrays and how they are used.
Lessons
| • |
Introduction to Arrays |
| • |
Simple Arrays |
| • |
Arrays as Structures |
| • |
Parallel Arrays |
| • |
Multidimensional Arrays |
| • |
Using the Array Object |
Lab 4: Arrays
| • |
Overview |
| • |
Delimited String to Arrays |
| • |
Product Displaying |
After completing this module, students will be able to:
| • |
Define an array. |
| • |
Use simple arrays. |
| • |
Use the various syntaxes for creating arrays. |
| • |
Create array structures. |
| • |
Understand the difference between simple and parallel arrays. |
| • |
Use parallel arrays. |
| • |
Use multidimensional arrays to manage structures. |
| • |
Join and slice array methods. |
Module 5: Form Interaction
This module explains how to use complex controls, retrieve the values from a form, and how event handlers can be used.
Lessons
| • |
Form Objects |
| • |
Form Elements |
| • |
Validation and the onSubmit Event |
Lab 5: Form Interaction
| • |
Overview |
| • |
Terminal: Routing and Setup |
| • |
Defining Validations |
After completing this module, students will be able to:
| • |
Control the various form objects that are available. |
| • |
Use complex controls like select-one objects, radio objects, and check box objects. |
| • |
Retrieve the values from a form and work with them in code. |
| • |
Understand how event handlers can be used with the form and other objects. |
| • |
Understand the two main validation techniques and how to apply them. |
Module 6: Built-In Objects
This module explains how to use the Date object, calculate with the Math, Number and Boolean objects, and traverse String objects.
Lessons
| • |
String Objects |
| • |
Date() Object |
| • |
setInterval() and setTimeout() |
| • |
Math Objects |
| • |
Regular Expressions and the RegExp Object |
Lab 6: Built-In Objects
| • |
Overview |
| • |
Terminal: Routing and Setup |
| • |
Defining Validations |
| • |
Displaying Results |
After completing this module, students will be able to:
| • |
Understand how the common JavaScript objects are used. |
| • |
Discern the available information in the Navigator object. |
| • |
Use the Date object. |
| • |
Calculate with the Math, Number, and Boolean objects. |
| • |
Traverse String objects. |
| • |
Express oneself with RegExp. |
Module 7: Windows and Frames
This module explains how to spawn windows, launch functions in spawned windows, and modify attributes. It also explains how to use modal dialog boxes and create a frameset.
Lessons
Lab 7: Windows and Frames
| • |
Overview |
| • |
The Date Selection Frame |
| • |
Important Date Pop-Up Info |
After completing this module, students will be able to:
| • |
Spawn a new window by using JavaScript. |
| • |
Create content for windows spawned through JavaScript. |
| • |
Launch new functions in spawned windows. |
| • |
Pass values to spawned windows. |
| • |
Modify attributes. |
| • |
Use modal dialog boxes in Microsoft Internet Explorer 5.0 or later. |
| • |
Create a frameset. |
| • |
Understand the relationship between parent and child frames. |
| • |
Use inline iframes. |
Module 8: Event Handling
This module explains how to understand the key differences between popular browser event models, use simple form element event handlers, and how to use the Event() object.
Lessons
| • |
Popular Browser Event Models |
| • |
Event Objects |
| • |
Browser Differences |
| • |
Event Types |
Lab 8: Event Handling
| • |
Overview |
| • |
Mouse Interception |
| • |
Title Cell Info |
After completing this module, students will be able to:
| • |
Understand the key differences in the most popular browser event models. |
| • |
Find challenges and solutions of scripting cross-platform events. |
| • |
Use simple form element event handlers. |
| • |
Script event handlers by using the Event() object. |
Module 9: Error Handling
This module explains how to read error messages, create try…catch blocks and custom Error objects, and learn to test scripts.
Lessons
| • |
Error Message Reading |
| • |
Exception Handling |
| • |
JavaScript Debugging |
Lab 9: Error Handling
| • |
Overview |
| • |
Bullet-Proof Functions |
| • |
Nested try…catch |
| • |
Venkman Test |
After completing this module, students will be able to:
| • |
Read error messages effectively. |
| • |
Investigate problems with scripts. |
| • |
Create try…catch blocks. |
| • |
Create customized Error objects. |
Module 10: Custom Effects
This module explains how to create methods for function objects, and set up properties and prototype and prototype properties and methods.
Lessons
| • |
Functions |
| • |
Variables and Arguments |
| • |
Objects and Properties |
| • |
Objects and Methods |
| • |
Method Overriding |
| • |
Best Practices |
Lab 10: Custom Objects
| • |
Overview |
| • |
Crackers, Photos, and Their Methods |
| • |
User Interface Building |
After completing this module, students will be able to:
| • |
Understand how functions are used and their part in data type creation. |
| • |
Create methods for function objects. |
| • |
Understand how JavaScript objects were designed in the past. |
| • |
Understand function arguments and parameters. |
| • |
Set up properties and prototype properties and methods. |
| • |
Understand best practices for code organization. |
For more
information or to give feedback, send e-mail to info@OneApex.com or call
949-597-2100 |