ADVANCED JAVASCRIPT– GTIT24

Course Description

In this Advanced JavaScript Programming class, you will learn advanced JavaScript techniques and good standard coding conventions. You will also learn advanced form validation with Regular Expressions, to manipulate the HTML DOM and to create jump menus and cascading select menus. Finally, you will learn to manipulate CSS with JavaScript to create applications using Dynamic HTML.

^^

Duration

2 days

^^

Target Audience

This course is suitable for IT professionals with programming experience.

^^

Course Prerequisites

Experience in HTML and basic JavaScript is required. CSS Experience is beneficial. These skills are taught in the following course:

If you have any questions or doubts as to whether you meet the pre-requisites for this course, or indeed are wondering which course best suits you, please consult with us to discuss your suitability for course attendance.

^^

Suggested Follow on Courses

Please contact us for further details.

^^

Course Content

1. QUICK JAVA SCRIPT RECAP

  1. Primitive data types
  2. Null
  3. Undefined
  4. Boolean
  5. Number
  6. String
  7. Native Types
  8. Date
  9. Array
  10. Object
  11. Regular Expressions
  12. Functions
  13. The DOM
  14. The DOM is not JavaScript
  15. JavaScript is not the DOM
  16. The window object
  17. The XMLHttpRequest object
  18. JSON

 

2. ADVANCED TECHNIQUES

  1. Optional Function Arguments
  2. Truthy and Falsy
  3. Default Operator
  4. Default Operator Gotcha!
  5. Functions Passed as Arguments
  6. Anonymous Functions
  7. Inner Functions
  8. Observing and Capturing Events
  9. The eval() Function
  10. Variable Scope
  11. Error Handling
  12. Runtime Errors
  13. The delete Operator

 

3. REGULAR EXPRESSIONS

  1. Getting Started
  2. JavaScript’s Regular Expression Methods
  3. Flags
  4. String Methods
  5. Regular Expression Syntax
  6. Start and End ( ^ $ )
  7. Number of Occurrences ( ? + * {} )
  8. Common Characters ( . \d \D \w \W \s \S )
  9. Grouping ( [] )
  10. Negation ( ^ )
  11. Subpatterns ( () )
  12. Alternatives ( | )
  13. Escape Character ( \ )
  14. Backreferences
  15. Form Validation with Regular Expressions
  16. Cleaning Up Form Entries

 

4. THE HTML DOCUMENT OBJECT MODEL

  1. innerHTML
  2. Accessing Element Nodes
  3. getElementById()
  4. getElementsByTagName()
  5. getElementsByClassName()
  6. querySelectorAll()
  7. querySelector()
  8. Accessing Element and Text Nodes Hierarchically
  9. Attaching Events
  10. Event Propagation: Capturing and Bubbling
  11. Detaching Events
  12. Accessing Attribute Nodes
  13. getAttribute()
  14. attributes[]
  15. Accessing Nodes by Type, Name or Value
  16. nodeType
  17. nodeName
  18. Removing Nodes from the DOM
  19. DOM Differences: The Whitespace Problem
  20. Creating New Nodes
  21. Identifying the Target of an Event

 

5. DYNAMIC FORMS

  1. Jump Menus
  2. The options[] Collection
  3. The selectedIndex Property
  4. Disabling Form Elements
  5. Adding Options to a Select Menu
  6. Cascading Select Menus
  7. Making the Code Modular
  8. Creating a JavaScript Timer
  9. A Sample Quiz Tool

 

6. DYNAMIC HTML

  1. Introduction
  2. Accessing and Modifying Styles
  3. JavaScript style Properties
  4. Hiding and Showing Elements
  5. Manipulating Tables
  6. Dynamically Changing Dimensions
  7. Creating a Timed Slider
  8. Positioning Elements Dynamically
  9. Creating a Different Timed Slider
  10. Changing the Z-Index
  11. A Note on JavaScript Frameworks

^^

See more Internet Technologies courses