Course code Title Language Price # Unit Startdate Hour Enddate Location Signup
JVN052 Advanced Javascript on your request on your request Contact Us

Advanced Javascript

Advanced Javascript

Overview

Course code: 
JVN052
Duration: 
2
Time Unit: 
Day(s)
Overview: 

In this 2-days 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.

Topics

Topics: 

1. Quick JavaScript Recap
- Primitive data types
- Native Types
- Functions
- The DOM
- JavaScript is not the DOM
- The window object
- The XMLHttpRequest object
- JSON

2. Second Chapter Title
- Optional Function Arguments
- Truthy and Falsy
- Default Operator
- Default Operator Gotcha!
- Functions Passed as Arguments
- Anonymous Functions
- Inner Functions
- Observing and Capturing Events
- The eval() Function
- Variable Scope
- Error Handling
- The delete Operator

3. Regular Expressions
- Getting Started
- JavaScript's Regular Expression Methods
- Flags
- String Methods
- Regular Expression Syntax
- Start and End ( ^ $ )
- Number of Occurrences ( ? + * {} )
- Common Characters ( . \d \D \w \W \s \S )
- Grouping ( [] )
- Negation ( ^ )
- Subpatterns ( () )
- Alternatives ( | )
- Escape Character ( \ )
- Backreferences
- Form Validation with Regular Expressions
- Cleaning Up Form Entries

4. The HTML Document Object Model
- innerHTML
- Accessing Element Nodes
- getElementById()
- getElementsByTagName()
- getElementsByClassName()
- querySelectorAll()
- querySelector()
- Accessing Element and Text Nodes Hierarchically
- Attaching Events
- Event Propagation: Capturing and Bubbling
- Detaching Events
- Accessing Attribute Nodes
- Accessing Nodes by Type, Name or Value
- Removing Nodes from the DOM
- DOM Differences: The Whitespace Problem
- Creating New Nodes
- Identifying the Target of an Event

5. Dynamic Forms
- Jump Menus
- The options[] Collection
- The selectedIndex Property
- Disabling Form Elements
- Adding Options to a Select Menu
- Cascading Select Menus
- Making the Code Modular
- Creating a JavaScript Timer

6. Dynamic HTML
- Introduction
- Accessing and Modifying Styles
- JavaScript style Properties
- Hiding and Showing Elements
- Manipulating Tables
- Dynamically Changing Dimensions
- Creating a Timed Slider
- Positioning Elements Dynamically
- Creating a Different Timed Slider
- Changing the Z-Index
- A Note on JavaScript Frameworks

Prerequisites

Prerequisites: 

Experience in HTML and basic JavaScript.

Audience

Audience: 

Students who are already familiar with the fundamentals of JavaScript programming and who want to learn the more advanced features available.