1. Eclipse Demo Camp
JavaScript Development Toolkit (JSDT)
Deepak Azad

2. Eclipse Demo Camp
Agenda
What is JSDT ?
How to get it?
Pain points in JavaScript development
JSDT features
2

3. Eclipse Demo Camp
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)
3

4. Eclipse Demo Camp
4

5. Eclipse Demo Camp
5

6. Eclipse Demo Camp
6

7. Eclipse Demo Camp
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
7

8. Eclipse Demo Camp
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
8

9. Eclipse Demo Camp
9

10. Eclipse Demo Camp
10

11. Eclipse Demo Camp
Features
Content assistance
Script validation and error detection
Quick fix
Refactoring
Same-word highlighting
Source code navigation
11

12. Eclipse Demo Camp
12

13. Eclipse Demo Camp
13

14. Eclipse Demo Camp
14

15. Eclipse Demo Camp
15

16. Eclipse Demo Camp
16

17. Eclipse Demo Camp
17

18. Eclipse Demo Camp
18

19. Eclipse Demo Camp
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
19

20. Eclipse Demo Camp
Thank You
20