Slide 1

Slide 1 text

Overview History, Features, and Syntax Monday, August 31, 2009

Slide 2

Slide 2 text

History Monday, August 31, 2009

Slide 3

Slide 3 text

In the beginning, Netscape created JavaScript Monday, August 31, 2009

Slide 4

Slide 4 text

And Microsoft said it was good Monday, August 31, 2009

Slide 5

Slide 5 text

Red-Headed Step Child Monday, August 31, 2009

Slide 6

Slide 6 text

AJAX Monday, August 31, 2009

Slide 7

Slide 7 text

Asynchronous JavaScript And XML Monday, August 31, 2009

Slide 8

Slide 8 text

Monday, August 31, 2009

Slide 9

Slide 9 text

Frameworks Monday, August 31, 2009

Slide 10

Slide 10 text

The browser and beyond... Monday, August 31, 2009

Slide 11

Slide 11 text

Features Monday, August 31, 2009

Slide 12

Slide 12 text

Dynamic Monday, August 31, 2009

Slide 13

Slide 13 text

Object Oriented and Functional Monday, August 31, 2009

Slide 14

Slide 14 text

Prototype Based Monday, August 31, 2009

Slide 15

Slide 15 text

JSON portability of data to and from any programming language Monday, August 31, 2009

Slide 16

Slide 16 text

Examples Monday, August 31, 2009

Slide 17

Slide 17 text

Monday, August 31, 2009

Slide 18

Slide 18 text

Monday, August 31, 2009

Slide 19

Slide 19 text

Syntax Monday, August 31, 2009

Slide 20

Slide 20 text

case sensitive apple != Apple Monday, August 31, 2009

Slide 21

Slide 21 text

whitespace and semicolons var a = 2; var b = 3; return a + b; return a + b; Monday, August 31, 2009

Slide 22

Slide 22 text

comments // this is a single line comment /* this is a multiline comment */ Monday, August 31, 2009

Slide 23

Slide 23 text

reserved words break else new var case finally return void catch for switch while continue function this with default if throw delete in try do instanceof typeof abstract enum int short boolean export interface static byte extends long super char final native synchronized class float package throws const goto private transient debugger implements protected volatile double import public Monday, August 31, 2009

Slide 24

Slide 24 text

Data Types • numbers: 1 2 3 4 etc. • strings: “some word” ‘also a string’ • booleans: true false • null and undefined • dates: new Date() • functions: function () { ... } • objects: {foo: ‘bar’}; a.foo // ‘bar’ Monday, August 31, 2009

Slide 25

Slide 25 text

Debugging Monday, August 31, 2009

Slide 26

Slide 26 text

Monday, August 31, 2009

Slide 27

Slide 27 text

Firebug (Firefox) http://getfirebug.com/ Monday, August 31, 2009

Slide 28

Slide 28 text

Web Inspector (Safari) Monday, August 31, 2009