Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
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 + 1
10 - 2
10 * 2
10 / 2
10 % 2
T && F
T || F
T ^ F
!F
10 == 10
10 != 2
10 > 2
1 < 20
Binary Special Assignment
10 | 1
10 & 2
10 ^ 2
10 << 1
10 >> 1
[]
()
?:
{}
=
Falsy Values
Null
NaN
undefined
false / 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
JavaScript intro
JavaScript intro
JavaScript intro
JavaScript intro
JavaScript intro
JavaScript intro
Upcoming SlideShare
Loading in …5
×

JavaScript intro

918 views

Published on

Published in: Education, Technology

JavaScript intro

  1. 1. DATABASE BACK-END FRONT-END
  2. 2. DATABASE
  3. 3. BACK-END
  4. 4. FRONT-END STRUCTURE PRESENTATION FUNCTIONALITY
  5. 5. FRONT-END PRESENTATION FUNCTIONLITY
  6. 6. FRONT-END FUNCTIONLITY
  7. 7. FRONT-END
  8. 8. HTML 2 HTML 3.2 1995 1997 1999 HTML 4 HTML 4.1
  9. 9. vs
  10. 10. 28 15 22 6.0 10
  11. 11. +
  12. 12. Live Script DHTML 1995 1996 1997 - 2011 JScript ECMA-262 Java Script
  13. 13. + + = = Back - End MobileDev + = Front- End
  14. 14. Imperative & Functional & Object-Oriented
  15. 15. Prototype-Based
  16. 16. SYNTAX & ELEMENTS
  17. 17. VARIABLES
  18. 18. var a = 5
  19. 19. var a = 5 Variable Scope
  20. 20. var a = 5 identifier value
  21. 21. Number & String & Boolean Array & Function & Object
  22. 22. Operators
  23. 23. 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
  24. 24. Binary Special Assignment 10 | 1 10 & 2 10 ^ 2 10 << 1 10 >> 1 [] () ?: {} =
  25. 25. Falsy Values
  26. 26. Null NaN undefined false / 0
  27. 27. Conditional Statements
  28. 28. Program Flow Condition TRUE FALSE ELSE IF
  29. 29. IF (condition) { BODY } TRUE
  30. 30. IF (condition) { BODY } ELSE { BODY } TRUE FALSE
  31. 31. SWITCH ( variable ) { case OPTION : BODY; break; case OPTION : BODY; break; ... }
  32. 32. LOOPS
  33. 33. LOOP Condition BODY TRUE
  34. 34. WHILE (condition) { BODY } TRUE
  35. 35. do { BODY } WHILE (condition) TRUE
  36. 36. FOR ( FROM; WHILE; STEP ) { BODY } var i = 0; i < 20 ; i++
  37. 37. FOR ( INDEX in OBJECT ) { BODY } COLLECTION

×