JavaScript: the most Underestimated, Undervalued and Misunderstood Language By Binny V A http://www.openjs.com/

You KNOW JavaScript! var sample_array = [42, 1337, &quot;Hello World&quot;]; for(var i=0; i<sample_array.length; i++) { alert(i + &quot;) &quot; + sample_array[i]); } function sayHi(name) { alert(&quot;Hi, &quot;+ name); } sayHi(&quot;Binny&quot;);

DOM – Document Object Model The Document Object Model (DOM) is a platform- and language-independent standard object model for representing HTML or XML and related formats.

DOM document.getElementById(“id-of-element”) OR $()‏ document.getElementsByTagName(“a”)‏ document.getElementsByName(“name”)‏ Useful Functions getElementsByClassName(“external-links”)‏ getElementsBySelector(“p.intro a”)‏

document.getElementById(“id-of-element”) OR $()‏

document.getElementsByTagName(“a”)‏

document.getElementsByName(“name”)‏

Undervalued JavaScript is NOT a toy Ajax! High Profile Applications - like Gmail Has more use than validation

JavaScript is NOT a toy

Ajax!

High Profile Applications - like Gmail

Has more use than validation

Underestimated Leader in client side scripting Bring Web Apps closer to the Desktop

Leader in client side scripting

Bring Web Apps closer to the Desktop

JavaScript is a Powerful language First Class functions Map, Reduce functions $(&quot;element&quot;).addEventListener(&quot;click&quot;, function(){ alert(this.innerHTML + &quot; was clicked&quot;; });

First Class functions

Map, Reduce functions

First Class functions Function that returns a function function addXTo(x) { return function(number) { return number+x; } } addFiveTo = addXTo(5); addNineTo = addXTo(9); alert(addFiveTo(3));

Function that returns a function

Polymorphic Functions The functionality of functions can be changed... function addEvent(obj,evt,fn) { if (document.addEventListener) { addEvent = function (obj,evt,fn) { obj.addEventListener(evt,fn,false); } } else if (document.attachEvent) { addEvent = function (obj,evt,fn) { obj.attachEvent('on'+evt,fn); } } addEvent(obj,evt,fn); }

The functionality of functions can be changed...

Misunderstood JavaScript is NOT Java Its a functional language

JavaScript is NOT Java

Its a functional language

Problems With JavaScript Design Errors Bad Implementations Browser wars

Design Errors

Bad Implementations

Browser wars

Solution to the Problem - Libraries Cross Browser Functionality You write less code Some operations are faster Better documentation than homebrew solutions etc.

Cross Browser Functionality

You write less code

Some operations are faster

Better documentation than homebrew solutions

etc.

JavaScript Libraries jQuery Prototype YUI Dojo ExtJS And many more...

jQuery

Prototype

YUI

Dojo

ExtJS

And many more...

JSL - JavaScript Library My Own JS Library http://www.openjs.com/scripts/jslibrary/

My Own JS Library

http://www.openjs.com/scripts/jslibrary/