DATABASE

BACK-END

FRONT-END

DATABASE

BACK-END

FRONT-END

STRUCTURE PRESENTATION FUNCTIONALITY

FRONT-END

PRESENTATION FUNCTIONLITY

FRONT-END

FUNCTIONLITY

FRONT-END

HTML 2 HTML 3.2

1995 1997 1999

HTML 4

HTML 4.1

vs

28 15 22 6.0 10

+

Live Script DHTML

1995 1996 1997 - 2011

JScript

ECMA-262

Java Script

+

+

=

=

Back - End

MobileDev

+ = Front- End

Imperative&

Functional&

Object-Oriented

Prototype-Based

SYNTAX &

ELEMENTS

VARIABLES

var a = 5

var a = 5

Variable Scope

var a = 5

identifier

value

Number&

String&

Boolean

Array&

Function&

Object

Operators

Arictmetic Logical Comparison

10 + 110 - 210 * 210 / 210 % 2

T && FT || FT ^ F

!F

10 == 1010 != 210 > 21 < 20

Binary Special Assignment

10 | 110 & 210 ^ 210 << 110 >> 1

[]()?:{}

=

Falsy Values

NullNaN

undefinedfalse / 0

Conditional Statements

Program Flow Condition

TRUE

FALSE ELSE

IF

IF (condition) { BODY }

TRUE

IF (condition) { BODY }ELSE { BODY }

TRUE

FALSE

SWITCH ( variable ) { case OPTION : BODY; break;case OPTION : BODY;break;...

}

LOOPS

LOOP

Condition

BODY

TRUE

WHILE (condition) { BODY

}

TRUE

do {BODY } WHILE (condition)

TRUE

FOR ( FROM; WHILE; STEP ) {BODY

}

var i = 0; i < 20 ; i++

FOR ( INDEX in OBJECT ) {BODY

}

COLLECTION