Javascript Training

ToggleJavaScript(ECMA Script) Overview

JavaScript is essentially 'the scripting language of the web and is used to make websites more interactive beyond the standard static pages designed in HTML.

This hands-on JavaScript training course is designed to provide the basic, intermidiate and advanced skills necessary to enhance Web pages with JavaScript. Delegates will learn key concepts such as how to use variables, operators, functions, OOP, Document & Event handling and write scripts for form elements.

ToggleJavaScript Training Institute in Chennai


View in Google Map

ToggleDetailed Course Contents

Introduction To JavaScript

  • 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

Data Types and Variables.

  • 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

Expression & Operators

  • 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

Control Structures

  • 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

Arrays

  • 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

Functions

  • 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

OOP in JavaScript

  • 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

Built-in Objects

  • Objectives
  • The Object object
  • The Boolean object
  • The Number object
  • Global Functions
  • The Date object
  • Summary
  • Lab Activities

DOM

  • 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

BOM

  • 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

Event Handling

  • 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

Advanced DOM

  • Objectives
  • Scripting Styles
  • Accessing Forms & its fields
  • Form field commonalities
  • Submit only once
  • Textboxes
  • Summary
  • Lab Activities

Error Handling

  • 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

Drag & Drop

  • Objectives
  • Drag & Drop
  • Draggability
  • The draggable Attribute
  • While Dragging
  • Drop Target
  • Working with DataTransfer object
  • The dropEffect property
  • Summary
  • Lab Activities

File API

  • Objectives
  • FileList Object
  • File Object
  • FileReader Object
  • FileReader Load Events
  • FileReader Error Handling
  • Summary
  • Lab Activities

Working with canvas

  • 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

GeoLocation

  • 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

Working With Communication API

  • 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

ToggleRelated Links

w3.org HTML 5.1 Specification

whatwg.org HTML 5.1 Specification

HTML 5 Mozilla Developer Guide

HTML 5 Validator

HTML 5 Video Player

Quick Enquiry
Name
Email ID
Phone
Addl Info
Student Login
User Name
Password

Newsletter Sign Up
Email ID

Call Now   91-44
428-50005