1) Introduction to JavaScript

1. A brief history of JavaScript.
2. Why JavaScript is used on the client side?
3. Adding JavaScript to web pages
   • Internally through <script> tag
   • Externally through javascript file.
4. Masking the JavaScript code. (How to mask a JavaScript code from being shown on the web page when the browser disables the JavaScript)
5. <noscript> element
6. JavaScript Pseudo URLs
7. Uses of JavaScript

2) JavaScript Data Types & Variables

1. What is a data type and variable?
2. Weak typing in JavaScript.
3. Primitive & Reference (or Object) types
4. Hexadecimal, Octal & binary literals
5. Special data values (NaN, Infinity or –Infinity)
6. Strings and Special Characters
7. Undefined and Null
8. Variables (Declaration, Initialization, Scoping, Implicit declaration)
9. Global and local scoping

3) Operations, Expressions

1. Statements using blocks
2. Operators (=, +, *, /, -) and how the data is being handled during these operations.
3. String concatenation using + operator
4. Bitwise operators (&, |, ^)
5. Comma operator (,)
6. Shorthand assignment operators (+=, -=, *=, /=, &=, |=, ^=)
7. Increment & Decrement operators (post and pre)
8. Comparison Operators (<, >, <=, >=, ==, ===)
9. Comparing Strings
10. Logical operators (&&, ||, !)
11. Ternary Operator (?:)
12. void operator
13. typeof operator
14. object operator (period symbol => ‘.’)

4) JavaScript Statements

1. If – Elseif - Else statements
2. Short circuit evaluation in If-Elseif-else statements
3. While, Do-While, For loops & For..in looping statement
4. Switch statement
5. Break and continue statements used in loops for controlling the loop
6. With statement

5) JavaScript Functions

1. Function Basics
2. How to pass parameter to a function
3. How to return a value from a function
4. Masking the global scoped variables in a function
5. Local functions (functions with in a function)
6. Functions as Objects
7. Creating anonymous functions
8. Static variables in a function
9. How to dynamically manipulate the arguments passed to the function
10. What is a recursive function?

6) JavaScript Objects

1. What is an Object?
2. Objects in JavaScript
3. Abstraction, Encapsulation, Inheritance and Polymorphism (principles of Object oriented programming)
4. Object creation, destruction and garbage collection
5. Properties in an Object
6. Accessing the properties using ‘.’ notation and array notation ‘[]’
7. Functions as methods in an Object
8. Enumerating the properties in an Object.
9. Using with for ‘document’
10. Objects as reference types
11. Passing objects to functions
12. Common properties and methods associated with an object
13. User defined objects (how to create objects on our own)
14. Object literals (using ‘{}’ to create an object)
15. How objects can be used in the form of arrays
16. Constructors, Prototypes, Class Properties
17. Overriding the properties

7) JavaScript Object Models

1. Overview on Object model (History and evolution of DOM structure)
2. Document Object (document and its methods)
3. Accessing DOM elements by position, name and id
4. Accessing DOM as an associative array
5. W3C’s definition for DOM levels (overview on DOM level 0, 1 & 2)
6. Categories of DOM structures (an overview):
   1. DOM Core
   2. DOM HTML
   3. DOM CSS
   4. DOM Events
   5. DOM XML
7. Document trees
8. Accessing elements
9. How DOM and HTML are related to each other
10. Creating a node dynamically using JavaScript (e.g: adding <p> tag to the <div> tag using JavaScript)
11. Inserting and Appending a Node
12. Copying Node
13. Deleting and Replacing Node
14. Modifying Node and its content
15. Manipulating the attributes
16. document.all[]

8) Manipulation of Tag/Element styles using DOM

1. Inline Style manipulation
2. Dynamic Style using classes and Collections
3. Accessing style rules

9) Event Handling

1. Overview of Events and Event Handling
2. Event Model in JavaScript
3. Binding event handler attributes in JavaScript (using anonymous functions as well)
4. Event Handler scope
5. Return values in events
6. Firing events manually