 |
|
 OL320 JavaScript
Programming Basics and Beyond
-
Description:
-
-
JavaScript is the next step after HTML for client-side web programming. Course
exercises extend beyond a basic introduction to JavaScript to event-driven
programming. Participants will use the Document Object Model, manipulate
images, and set and retrieve cookies. During the final exercise participants
will complete a multi-page "Shopping Cart" project.
- Objectives:
-
-
At the end of this course, participants will be
able to:
-
-
Understand the role of JavaScript in the
client-server model and the Web.
-
Learn JavaScript syntax and constructs in object-based frameworks.
-
Use JavaScript object model for client-side
computations.
-
Perform form validation and develop simple GUI
based applications.
-
Develop applications that maintain state using
cookies.
- Audience:
-
-
Internet application developers and Web designers.
- Prerequisites:
-
-
HTML experience is essential. Some programming
experience is recommended. Participants can take OL303
, Introduction to Simple Programming Logic, prior to this course to assist
them in understanding the more advanced programming elements of JavaScript.
- Duration: 3 days.
- Course Contents:
-
Unit 1: Introduction to JavaScript
-
Understand the evolution of JavaScript.
-
Relate JavaScript and the World Wide Web.
-
Compare and contrast JavaScript with Java.
-
Unit 2: Writing
the First Script
-
Understand the JavaScript development environment.
-
Write a first JavaScript program.
-
Step through the process of execution, testing and debugging.
-
Use JavaScript documentation, resources and tools.
-
Unit 3: Data:
Types, Values, Literals, and Variables
-
Use basic JavaScript syntax.
-
Learn about primitive data types and values.
-
Use literals and variables.
-
Unit 4: Data
Manipulation: Expressions and Operators
-
Use expressions as part of a computational unit.
-
Understand the use of operators and their role in computation.
-
Unit 5:
Statements and Control Flow
-
Learn about the various types of statements.
-
Use mechanisms for changing the control flow of programs.
-
Use iterative constructs supported by JavaScript.
-
Unit 6: Arrays
-
Explore the similarities and differences between JavaScript arrays and arrays
in other programming languages.
-
Use arrays as built-in objects.
-
Use array object's properties and methods.
-
Unit 7: Functions
-
Understand the role of functions in JavaScript programming.
-
Learn to distingush between built-in and user defined functions.
-
Implement and use functions in JavaScript.
-
Unit 8: JavaScript
Object Model
-
Understand the concept of objects and their features.
-
Explore the mechanisms for creating and modifying user created objects.
-
Access object properties and methods.
-
|
Unit 9: Events
and Event Driven Programming
-
Explore the different categories of events.
-
Learn to differentiate between the old style of programming and event driven
programming.
-
Understand the basics of event handling in JavaScript.
-
Unit 10: Browser Objects
-
Understand the following browser objects and their applications in the context
of JavaScript programming:
-
Navigator,
-
Window,
-
Location,
-
History,
-
Document,
-
Screen.
-
Unit 11: JavaScript
Input Object
-
Use form element objects and event handlers.
-
Develop a front end user interaction in JavaScript.
-
Implement techniques for user input validation.
-
Unit 12: JavaScript
Event Object
-
Understand the JavaScipt event object.
-
Use event handlers.
-
Understand the use of event propagation, capturing and rerouting.
-
Unit 13: Math,
String and Date Objects
-
Use the properties and methods available in Math object.
-
Use the properties and methods available in String object.
-
Use the String object for browser detection and textual animation.
-
Use the Date object to display times and dates.
-
Unit 14: Regular
Expressions
-
Create simple regular expressions.
-
Use regular expressions for string manipulations.
-
Unit 15: Cookies
in JavaScript
-
Use single and multiple cookies in JavaScript.
-
Use the correct syntax for cookie request and response.
-
Encode cookies.
-
Unit 16: Images
in JavaScript
-
Use the Image object.
-
Understand applications of the Image object by:
-
creating toggle images,
-
creating simple animations.
|
|
