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.

Class Goals:

  • Learn how JavaScript is used.
  • Learn JavaScript syntax.
  • Learn about objects, methods, and properties.
  • Learn to work with JavaScript variables.
  • Learn to create your own functions in JavaScript.
  • Learn to write flow control logic in JavaScript.
  • Learn to validate forms with JavaScript.
  • Learn to create roll-over images with JavaScript.
  • Learn to open and work with new windows.
  • Learn to work with JavaScript timers and intervals.
  • Learn to work with the navigator history, and location objects.
  • Learn to recognize/handle scope, including ES6 techniques for controlling the scope of a variable.
  • Learn to use prototyping, ES6 classes, and advanced JavaScript objects like maps and sets.
  • Learn advanced techniques for working with functions, including default values and flexible arguments, closures, immediately-invoked function expressions (IIFEs), and recursion
  • Learn to use advanced array methods and properties.
  • Learn to use the XMLHttpRequest API to make Ajax calls and techniques for dealing with the same-origin policy.
  • Learn to use the JSON data format in JavaScript.
  • Learn to use try/catch/finally for handling errors.
  • Learn to use regular expressions in JavaScript.

^^

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. What is ECMAScript?
  3. The HTML DOM
  4. JavaScript Syntax
  5. Accessing Elements
  6. Dot Notation
  7. Square Bracket Notation
  8. Where Is JavaScript Code Written?
  9. The “javascript” Pseudo-Protocol
  10. JavaScript Objects, Methods and Properties
  11. Methods
  12. Properties
  13. The Implicit window Object
  14. Exercise: Alerts, Writing, and Changing Background Color

 

2. VARIABLES, ARRAYS AND OPERATORS

  1. JavaScript Variables
  2. A Loosely typed Language
  3. Variable Naming
  4. Storing User Entered Data
  5. Constant
  6. Associative Arrays
  7. Array Properties and Methods
  8. Exercise: Using Variables
  9. Arrays
  10. Exercise: Working with Arrays
  11. JavaScript Operators
  12. Exercise: Working with Operators

 

3. JAVA SCRIPT FUNCTIONS

  1. Global Functions
  2. Exercise: Working with Global Functions
  3. User-defined Functions
  4. Exercise: Writing a JavaScript Function
  5. Returning Values from Functions

 

4. EVENT HANDLERS

  1. Event Handlers
  2. Exercise: Using Event Handlers
  3. Dot Notation and Square Bracket Notation
  4. querySelector()
  5. Exercise: Working with querySelector()
  6. Exercise: Working with Hierarchical Node Properties

 

5. BUILT-IN JAVASCRIPT OBJECTS

  1. String
  2. Math
  3. Date
  4. The typeof Operator
  5. Helper Functions
  6. Exercise: Returning the Day of the Week as a String

 

6. CONDITIONALS AND LOOPS

  1. Conditionals
  2. Exercise: Conditional Processing
  3. Loops
  4. Exercise: Working with Loops

 

7. JAVASCRIPT FORM VALIDATION

  1. Accessing Form Data
  2. Exercise: Textfield to Textfield
  3. Basics of Form Validation
  4. Exercise: Validating a Registration Form
  5. Validating Radio Buttons
  6. Validating Check Boxes
  7. Validating Select Menus
  8. Focus, Blur, and Change Events
  9. Validating Textareas
  10. Exercise: Improving the Registration Form

 

8. THE HTML DOCUMENT OBJECT MODEL

  1. The innerHTML Property
  2. Accessing Element Nodes
  3. Exercise: Accessing Elements
  4. Attaching Events
  5. Exercise: Attaching Events
  6. Event Propagation: Capturing and Bubbling
  7. Exercise: A Simple Soccer Game
  8. Accessing Attribute Nodes
  9. getAttribute()
  10. attributes[]
  11. hasAttribute()
  12. setAttribute()
  13. removeAttribute()
  14. Accessing Nodes by Type, Name or Value
  15. Removing Nodes from the DOM
  16. Creating New Nodes
  17. Identifying the Target of an Event
  18. Exercise: Creating and Inserting DOM Nodes

 

9. CSS OBJECT MODEL

  1. Changing CSS with JavaScript
  2. Hiding and Showing Elements
  3. Exercise: Showing and Hiding Elements
  4. Manipulating Tables
  5. Exercise: Tracking Results in the Math Quiz
  6. Dynamically Changing Dimensions
  7. Positioning Elements Dynamically
  8. Exercise: Changing the Math Quiz Timer to a Slider
  9. Changing the Z-Index
  10. The CSS Object Model

 

10. IMAGES, WINDOWS AND TIMERS

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

 

11. DEBUGGING AND TESTING WITH CHROME

  1. Chrome DevTools
  2. The Panels
  3. Exercise: Using the Chrome DevTools “Elements” and “Console” Panels
  4. The Sources Panel
  5. Exercise: Using the Chrome DevTools “Sources” Panel
  6. Other DevTools Panels
  7. Chrome DevTools API and Extensions
  8. Exercise: Accessibility Developer Tools Extension

 

12. SCOPE

  1. Scope in JavaScript
  2. The var Keyword
  3. Scope in Nested Functions
  4. The let Keyword
  5. Exercise: Scope

 

13. ADVANCED OBJECTS

  1. Object-Oriented Programming
  2. Prototyping
  3. Objects in JavaScript
  4. Prototyping in JavaScript
  5. Composing Prototypes
  6. Exercise: Prototyping
  7. ES2015 Classes
  8. Static Methods
  9. Exercise: ES2015 Classes & Static Methods
  10. Inheritance
  11. Maps
  12. Map vs Object?
  13. Sets
  14. Exercise: Guessing Game with Map and Set
  15. Modules
  16. Browser Support for ES2015 Modules
  17. Module Overview
  18. Modules Example

 

14. ADVANCED FUNCTIONS

  1. Function Declarations
  2. Function Expressions
  3. Default Values
  4. Flexible Arguments
  5. Exercise: Flexible Arguments
  6. Closures
  7. Exercise: Closures
  8. Immediately-Invoked Function Expressions (IIFEs)
  9. Callbacks
  10. Recursion
  11. Exercise: Recursion

 

15. ADVANCED ARRAYS

  1. Arrays
  2. Arrays Methods
  3. Iterators and Arrow Functions
  4. Iterators
  5. Arrow Functions
  6. Static Array Methods
  7. ArrayisArray()
  8. Arrayfrom()
  9. Arrayof()
  10. Array Prototype Methods
  11. Arrayprototypefill()
  12. Arrayprototypefilter()
  13. Arrayprototypefind()
  14. ArrayprototypeforEach()
  15. ArrayprototypeindexOf()
  16. Arrayprototypekeys()
  17. Arrayprototypemap()
  18. Arrayprototypereduce()
  19. Exercise: Find the Mode

 

16. XHR

  1. XMLHttpRequest
  2. The XMLHttpRequest Object
  3. Handling the Response
  4. Nodejs
  5. Installing Nodejs
  6. Running Nodejs
  7. A First Nodejs Application & Server
  8. Using the XMLHttpRequest Object
  9. Exercise: Ajax using the POST method
  10. The Callback Function
  11. Exercise: Displaying and Updating Records
  12. Promises
  13. CORS/JSONP: Accessing Remote Sites
  14. CORS
  15. Exercise: Retrieving Country Info from GeoNames via CORS
  16. JSONP
  17. Exercise: Retrieving State Names from Yahoo! with JSONP
  18. CORS Vs JSONP Differences

 

17. JSON

  1. JSON
  2. Review of Object Literals
  3. Arrays
  4. Objects
  5. Arrays in Objects
  6. Objects in Arrays
  7. Back to JSON
  8. JSON Syntax
  9. JSON Parsers
  10. Exercise: Using JSON

 

18. ERRORS AND EXCEPTIONS

  1. Runtime Errors
  2. Completely unhandled errors
  3. Globally handled errors
  4. Structured Error Handling
  5. Throwing custom errors
  6. Nested Try/Catch
  7. Exercise: Try/Catch/Finally

 

19. 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. Exercise: Advanced Form Validation
  17. Cleaning Up Form Entries
  18. Exercise: Cleaning Up Form Entries

 

^^

See more Internet Technologies courses