COMPREHENSIVE JAVASCRIPT– GTIT8

Course Description

In this JavaScript training course, students learn to use JavaScript effectively to make their web pages more dynamic and functional and to reduce the number of roundtrips to the server.

^^

Duration

5 days

^^

Target Audience

This course is suitable for IT professionals with programming experience.

^^

Course Prerequisites

Experience in HTML is required. CSS Experience and programming experience is beneficial. HTML 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

^^

Course Content

1. JAVA SCRIPT BASICS

  1. The Name “JavaScript”
  2. The HTML DOM
  3. JavaScript Syntax
  4. Basic Rules
  5. Dot Notation
  6. Square Bracket Notation
  7. Where Is JavaScript Code Written?
  8. JavaScript Objects, Methods and Properties
  9. Methods
  10. Properties
  11. The Implicit window Object
  12. The getElementById() Method
  13. Event Handlers

 

2. VARIABLES, ARRAYS AND OPERATORS

  1. JavaScript Variables
  2. A Loosely-typed Language
  3. Storing User-Entered Data
  4. Arrays
  5. Associative Arrays
  6. Array Properties and Methods
  7. JavaScript Operators

 

3. JAVA SCRIPT FUNCTIONS

  1. Built-in Functions
  2. Number(object)
  3. String(object)
  4. isNaN(object)
  5. parseFloat() and parseInt()

 

4. BUILT-IN FUNCTIONS VS. METHODS

  1. User-defined Functions
  2. Function Syntax
  3. Passing Values to Functions
  4. A Note on Variable Scope
  5. Returning Values from Functions
  6. Built-In JavaScript Objects
  7. String
  8. Math
  9. Date
  10. typeof Operator

 

5. CONDITIONALS AND  LOOPS

  1. Conditionals
  2. if – else if – else Conditions
  3. Switch / Case
  4. Loops
  5. while Loop Syntax
  6. do…while Loop Syntax
  7. for Loop Syntax
  8. for…in Loop Syntax

 

6. JAVA SCRIPT FORM VALIDATION

  1. Accessing Form Data
  2. Basics of Form Validation
  3. The this Object
  4. Cleaner Validation
  5. Validating Radio Buttons
  6. Validating Checkboxes
  7. Validating Select Menus
  8. Focus, Blur, and Change Events
  9. Focus and Blur
  10. Change
  11. Validating Textareas

 

7. IMAGES, WINDOWS AND TIMERS

  1. Image Rollovers
  2. Preloading Images
  3. Creating a Slide Show
  4. Windows
  5. Timers
  6. Popup Timed Slide Show

 

8. NAVIGATOR, HISTORY AND LOCATION OBJECTS

  1. The navigator Object
  2. Feature Detection
  3. history Object
  4. location Object
  5. Creating a Simple Quiz

 

9. 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

 

10. 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

 

11. 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

 

12. 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

 

13. DYNAMIC FORUMS

  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

 

14. 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