PR010 - Javascript Programming

Summary

3 days

JavaScript is a scripting language most often used for client-side web development.  JavaScript is a dynamic, weakly typed, prototype-based language with first-class functions. JavaScript was influenced by many languages and was designed to have a similar look to Java, but be easier for non-programmers to work with.  The language is best known for its use in websites (as client-side JavaScript), but is also used to enable scripting access to objects embedded in other applications.  This 3 day course covers a broad introduction with practical code examples and applications.

Prerequisites

Before attending this course, should have:

• Advanced HTML experience

 Course Outline

Module 1.  Introduction

1. Overview    
2. The Separation of Concerns   
3. The Three Layers of the Web    
4. Client Side JavaScript  

Module 2. JavaScript Syntax and Trivia
  
1. Overview                             
2. Where to Put the JavaScript?  
3. Using an External JavaScript                        
4. Comments   
5. Write Text    
6. Lifetime of Variables                           
7. Primitive Datatypes    
8. Type Conversion   
9. Literals
10. Integers                    
11. Array    
12.  Reference Datatype            
13. Conditional Statements  
14. If Statement     
15. If...else Statement  
16. The JavaScript Switch Statement
17. Arithmetic Operators
18. Functions
19. How to define a Function 
20.  Calling a Function
21.  The return Statement
22.  JavaScript Loops 
23.  The for Loop
24.  The while loop 
25.  The do -  while loop
26. Object Oriented Programming
27.  Objects
28. Properties
29. Methods
30. The new Operator
31. User-defined Objects
32. Create a Template of an Object

Module 3.   The Document Object Model

1. Overview    
2. Example: HTML   
3. Example: DOM Representation  
4. Document Node    
5. The HTML DOM  
6. DOM Methods for Accessing Objects    
7. Accessing Parent Element 
8. Accessing Children Elements 
9. getElementsByTagName  
10. The innerHTML
11. Example

Module 4.  Events
 
1. What are events?     
2. Enable Event     
3. Examples    
4. Event Listener    
5. Mouse Rollover Effect   
6. Interface Event Handlers   
7. Key Event Handlers 
8. Mouse Event Handlers
9. Form Event Handlers 
10. Link Events
11. Link Event : onClick
12. Link Event : MouseOver   

Module 5.  The String and Regular Expressions
 
1. Overview    
2. Properties and Methods  
3.  Methods
4. The split() Method   
5. The search() Method   
6. Regular Expressions and Patterns   
7. Regular Expression  
8. Example  
9. The replace() Method Global    
10. Comparing Strings
11. Trimming White Spaces
12. Escape Character

Module 6.  Forms

 1.   The Form Object    
2. Accessing Forms   
3. Form Properties and Methods   
4. Form Element Objects      
5. Form Elements Properties and Methods   
6. Example     
7. Getting a Value From a Form Object   
8. Setting a Value in a Form Object  
9. Using Radio Buttons    
10. Using Check Boxes
11. Using Text Areas      
   
Module 7.  Form Field Validation
 
1. Overview     
2. Common Validations 
3. Validating Before Form Submission   
4. Example   
5. Validating On A By Entry Basis   
6. Validating Numeric Data  
7. Validating String Data
8. Example   

Module 8. Math and Date Objects

1. Math Object Properties    
2. Math Object Methods   
3. Round Example    
4. Random Example
5. Max Example  
6. Date Object
7. Date Object Methods : Current Date
8. Compare Two Dates
9. Clock Example

Module 9. Simple AJAX Application
 
1. HTML Page  
2. JavaScript File  
3. Application Layout   
4. Run Application   
5. Output 
   
Module 10. Ajax and PHP

1. PHP Example
2. Accessing form variables
3. Embedding JavaScript
4. Ajax and PHP Example

Module 11. Error Handling
 
1. try/catch/finally  
2. Syntax 
3. finally Block   
4. Example   
5. The Error Object
6. Example
7. Properties of The Error Object
8. Example