Javascript Training

• Objectives

  
• What is JavaScript?

  
• Script Tags

  
• JavaScript Inclusion

  
• The noscript Element

  
• JavaScript is Case Sensitive

  
• Statement & Statement Blocks

  
• Comments

  
• Important Features of JavaScript

  
• Scripting Language

  
• Programming Language Vs Scripting Language

  
• Summary

  
• Lab Activities

  

• Objectives

  
• What is Variable?

  
• Variable Declaration

  
• Well Known Naming Conventions

  
• JavaScript Data Types

  
• Boolean Data Type

  
• Number Data Type

  
• String Data Type

  
• The undefined Data Type

  
• The null Data Type

  
• The typeof Operator

  
• JavaScript Blocks

  
• Summary

  
• Lab Activities

  

• Objectives

  
• About Expressions & Operators?

  
• JavaScriptScript Operators

  
• Assignment Operators

  
• Arithmetic Operators

  
• Relational Operators

  
• Numeric Comparison

  
• Conditional Logical Operators

  
• Bitwise Operators

  
• Increment & Decrement Operators

  
• Assignment Operators

  
• Conditional Operators

  
• Order of Operator Precedence

  
• Summary

  
• Lab Activities

  

• Objectives

  
• Empty Statement

  
• Control Structures

  
• Sequence Structures

  
• Selection Structure

  
• If Statement

  
• Switch Statement

  
• Repetition Structure

  
• While Statement

  
• Do-While Statement

  
• For Statement

  
• Foreach Statement

  
• Continue Statement

  
• Break Statement

  
• Summary

  
• Lab Activities

  

• Objectives

  
• Array Definition

  
• Purpose of an Array

  
• Illustrate the single & multi dimensional array

  
• Single dimension arrays

  
• Multi Dimension Rectangular Arrays

  
• Multi Dimensional Jagged Arrays

  
• Array Length

  
• Summary

  
• Lab Activities

  

• Objectives

  
• JavaScript Functions

  
• Function Parameters

  
• Returning from Function

  
• Local & Global Variables

  
• Local Variable Hiding

  
• Nested Functions

  
• Parameter Length

  
• Arguments Length

  
• Function Expressions

  
• Function As Argument

  
• Function As Return Values

  
• Summary

  
• Lab Activities

  

• Objectives

  
• Object based Language

  
• Objects are reference types

  
• Creating object using new operator

  
• Object Literal Notation

  
• Adding Properties Dynamically

  
• Adding Functions Dynamically

  
• Data Properties

  
• Accessor Properties

  
• Execution Context

  
• The this Reference

  
• Object Literal Notation Problem

  
• The Factory Pattern

  
• The Constructor Pattern

  
• Constructors vs Normal Functions

  
• The prototype Pattern

  
• Same Property Name

  
• Constructor Prototype Pattern

  
• Inheritance

  
• Summary

  
• Lab Activities

  

• Objectives

  
• The Object object

  
• The Boolean object

  
• The Number object

  
• Global Functions

  
• The Date object

  
• Summary

  
• Lab Activities

  

• Objectives

  
• Document Object Model

  
• Hierarchy of Nodes

  
• Document Tree

  
• Node Relationship

  
• Selecting Elements

  
• Documents of Tree of Nodes

  
• Elements Travesal

  
• Attribute Nodes

  
• Element Content

  
• Creating, Inserting, and Deleting Nodes

  
• Summary

  
• Lab Activities

  

• Objectives

  
• Browser Object Model (BOM)

  
• The window Object

  
• The Global Scope

  
• Global Variables vs Windows Properties

  
• Navigating and Opening Windows

  
• Timeouts

  
• Intervals

  
• System Dialogs

  
• The location Object

  
• The navigator Object

  
• The screen Object

  
• Summary

  
• Lab Activities

  

• Objectives

  
• Event Handling

  
• Event Flow

  
• Event Bubbling

  
• Event Capturing

  
• DOM Event Flow

  
• Event Handlers/Listeners

  
• Dom Event Handlers

  
• Traditional Way Vs AddEventListener

  
• The Event Object

  
• Event object properties

  
• Types of Events

  
• Mouse Events

  
• Keyboard Events

  
• HTML Events

  
• Summary

  
• Lab Activities

  

• Objectives

  
• Scripting Styles

  
• Accessing Forms & its fields

  
• Form field commonalities

  
• Submit only once

  
• Textboxes

  
• Summary

  
• Lab Activities

  

• Objectives

  
• Errors& Types

  
• Logical Error

  
• Runtime Error

  
• Exception

  
• Exception Handling

  
• The try-catch

  
• Error Types

  
• Appropriate Exception Handling

  
• The finally block

  
• Throwing Errors

  
• Creating Custom Error Types

  
• The Error Event

  
• Type Coercion Errors

  
• Type Coercion Errors

  
• Debugging Techniques

  
• Summary

  
• Lab Activities

  

• Objectives

  
• Drag & Drop

  
• Draggability

  
• The draggable Attribute

  
• While Dragging

  
• Drop Target

  
• Working with DataTransfer object

  
• The dropEffect property

  
• Summary

  
• Lab Activities

  

• Objectives

  
• FileList Object

  
• File Object

  
• FileReader Object

  
• FileReader Load Events

  
• FileReader Error Handling

  
• Summary

  
• Lab Activities

  

• Objectives

  
• Canvas Coordinates

  
• Fallback Content

  
• Canvas and CSS

  
• Browser Support

  
• Alternative way to check support

  
• Adding Canvas to a page

  
• The getContext Method

  
• The strokeRect Method

  
• The fillRect Method

  
• Simple Canvas Program

  
• The StrokeStyle Method

  
• The fillStyle Method

  
• Stroke and Fill Style

  
• Rectangle With Transparency

  
• The clearRect Method

  
• The lineTo Method

  
• Rectangle Path

  
• The Arc

  
• The ArcTo

  
• Rounded Rectange

  
• Quadratic Curve

  
• Draw Text

  
• Stroke Text

  
• Text Align

  
• Text Base Line

  
• Measure Text

  
• Rotate

  
• Scale

  
• Transform

  
• Draw Image

  
• Shadow

  
• Linear Gradient

  
• Radial Gradient

  
• Pattern

  
• Summary

  
• Lab Activities

  

• Objectives

  
• About GEO Location

  
• IP Address Geolocation Data

  
• GPS Geolocation Data

  
• Wi-Fi Geolocation Data

  
• Cell Phone Geolocation Data

  
• Checking for Browser Support

  
• Geolocation Object

  
• Position Requests

  
• One-Shot Position Requests

  
• The GEOPosition Object

  
• The Geocoordinates Object

  
• Handling Errors

  
• One-Shot Position Requests

  
• GeolocationError Object

  
• GEO Location a Complete Program

  
• Geolocation – Other Properties

  
• Repeated Position Updates

  
• Repeat a Complete Program

  
• Clear Watch

  
• Integrate With Google

  
• Summary

  
• Lab Activities

  

• Objectives

  
• What is Origin?

  
• Same Origin

  
• Different Origin

  
• Cross Origin

  
• Cross Origin Communication

  
• Before HTML5 (Between iframes)

  
• Before HTML5 (Between Tabs)

  
• Cross Document Messaging?

  
• Cross Origin Communication

  
• Browser Support

  
• Cross Document Messaging

  
• Cross Document Messaging Security Model

  
• The window.postMessage

  
• Communicating with iFrame

  
• Summary

  
• Lab Activities

  

Ecmascript

Mozilla Developers Network