2. DATABASE
BACK-END
FRONT-END

3. DATABASE

4. BACK-END

5. FRONT-END
STRUCTURE PRESENTATION FUNCTIONALITY

6. FRONT-END
PRESENTATION FUNCTIONLITY

7. FRONT-END
FUNCTIONLITY

8. FRONT-END

9. HTML 2 HTML 3.2
1995 1997 1999
HTML 4
HTML 4.1

10. vs

12. 28 15 22 6.0 10

13. +

14. Live Script DHTML
1995 1996 1997 - 2011
JScript
ECMA-262
Java Script

16. +
+
=
=
Back - End
MobileDev
+ = Front- End

19. Imperative
&
Functional
&
Object-Oriented

20. Prototype-Based

22. SYNTAX
&
ELEMENTS

23. VARIABLES

24. var a = 5

25. var a = 5
Variable Scope

26. var a = 5
identifier
value

27. Number
&
String
&
Boolean
Array
&
Function
&
Object

28. Operators

29. Arictmetic Logical Comparison
10 + 1
10 - 2
10 * 2
10 / 2
10 % 2
T && F
T || F
T ^ F
!F
10 == 10
10 != 2
10 > 2
1 < 20

30. Binary Special Assignment
10 | 1
10 & 2
10 ^ 2
10 << 1
10 >> 1
[]
()
?:
{}
=

31. Falsy Values

32. Null
NaN
undefined
false / 0

33. Conditional
Statements

34. Program Flow Condition
TRUE
FALSE ELSE
IF

35. IF (condition) { BODY }
TRUE

36. IF (condition) { BODY }
ELSE { BODY }
TRUE
FALSE

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

38. LOOPS

39. LOOP
Condition
BODY
TRUE

40. WHILE (condition) {
BODY
}
TRUE

41. do {
BODY
} WHILE (condition)
TRUE

42. FOR ( FROM; WHILE; STEP ) {
BODY
}
var i = 0; i < 20 ; i++

43. FOR ( INDEX in OBJECT ) {
BODY
}
COLLECTION