Choose your language:

France
Germany
Hong Kong

India
Ireland
Japan
Malaysia
Netherlands
New Zealand

Singapore

Sweden
United Kingdom
United States
Course Code

IN1401

Duration

3 Days

Previous work with front-end technologies, CSS, HTML, and JavaScript basics is not necessary.

This course provides an introduction to the JavaScript Language and the browser environment where it is commonly executed. Both the rules of JavaScript are explored as well as the special objects of the browser including the window, document, navigator, and location. Modern HTML5 APIs are also examined including web workers, and asynchronous techniques involving Ajax. Libraries are touched upon with some exposure to the jQuery JavaScript Library.

This course is designed for developers new to front-end development or those looking to refresh/update skills.
JavaScript Language
JavaScript vs Other Languages
JavaScript History
ECMAScript
ECMAScript 5

DOM Scripting Best Practices
Layered Architectures
Graceful Degradation vs. Progressive Enhancement
Common Usability Mistakes
Unobtrusive JavaScript
Browser vs Capability Testing
Page Load Bottlenecks
Browser Incompatibilities
The Global Namespace
Avoiding the Global Namespace

JavaScript Test Environments
Logging
Profiling & Timing
Firebug
Chrome Developer Tools
IE Developer Tools

Types & Expressions
Basic Syntax
Comments
Reserved Words
JavaScript Types
Null
Undefined
Variable Scope
Operator Associativity and Precedence
typeof

Control Structures
If
Logical Operators
Switch
While
do/while
for
for in
break/continue
try/catch/finally

Objects and Arrays
Arrays
Array Literal Notation
Appending to Arrays
Accessing Arrays
Creating Objects
Object Literals

More on Objects and Arrays
Prototypes
Contructors
Inheritance
Array Methods

Functions
Declaring Functions
Function Literals
Returning/Passing Functions
Variadic Functions

Regular Expressions
Regex Objects
Regex Literals
Regex Methods

Math, Dates, Time
The Date Object
The Math Object
parseInt() and parseFloat()

DOM Scripting
The Window Object
The DOM Interface
Accessing and Manipulating the DOM
DOM Standards
Nodes and Node Types
Node Values
Navigating the DOM
Id vs name vs class
The Document Object
getElementById()
getElementByClassName()
querySelectorAll()
Child Nodes
Real Children
NodeLists
Attributes

DOM and Class Manipulation
Manipulating Styles
Class naming
Handling hyphens
Toggling Styles
Computed Styles
innerHTML
Creating Elements

JavaScript Libraries
Introducing jQuery
Cross-browser Concerns

Events
Event Handling
The Event Object
The MS Event Object
Event Propagation
Default Actions
Mouse and Keyboard Events
Dynamically Loading Content
Send Us a Message
First Name
*
Last Name
*
Company
*
Email
*
Address Line 1
*
Address Line 2
City
*
*
Zip Code
Telephone
*
*
Choose one
*
Comments