Eclipse Demo Camp

JavaScript Development Toolkit (JSDT)

Deepak Azad

Eclipse Demo Camp

2

Agenda

� What is JSDT ?

� How to get it?

� Pain points in JavaScript development

� JSDT features

Eclipse Demo Camp

3

How to get it?

� As part of Eclipse IDE for Java EE Developers (since Eclipse 3.4)

� By adding ‘Web tools platform’ to plain Eclipse

� Also part of Rational Application Developer (RAD)

Eclipse Demo Camp

4

Eclipse Demo Camp

5

Eclipse Demo Camp

6

Eclipse Demo Camp

7

Pain Points in JavaScript Development

� Text editor, firebug and browser refresh were the best tools available

� Minimal content assist

� Minimal static validation

� No refactoring support

� No source code navigation support

Eclipse Demo Camp

8

JSDT Library mechanism

� Library mechanism to manage common objects, variables, and types in a project

� JSDT library : prototyped object/class definitions and JSDoc

� Prepackaged libraries

� User defined libraries

Eclipse Demo Camp

9

Eclipse Demo Camp

10

Eclipse Demo Camp

11

Features

� Content assistance

� Script validation and error detection

� Quick fix

� Refactoring

� Same-word highlighting

� Source code navigation

Eclipse Demo Camp

12

Eclipse Demo Camp

13

Eclipse Demo Camp

14

Eclipse Demo Camp

15

Eclipse Demo Camp

16

Eclipse Demo Camp

17

Eclipse Demo Camp

18

Eclipse Demo Camp

19

Links

� http://blog.deepakazad.com/search?q=jsdt

� http://www.eclipse.org/downloads/

� http://www.ibm.com/developerworks/library/os-eclipse-jsdt/

� http://wiki.eclipse.org/index.php/ATF/JSDT

Eclipse Demo Camp

20

Thank You