HTML and CSS   XSLT   JavaScript   Images   Soft   Etc  
Sergei Chikuyonok

Eclipse: editing JavaScript in Spket IDE October 15, 2008


Task:

to demonstrate basic JavaScript editing capabilities of Spket IDE.


Main features:
— Great code assist for all data types that takes into account the current visibility scope.
— Code formatting.
— Support for code templates.
— Supports and understands JSDoc:

    /** * @param {String} param */ function test(param) { param. // Ctrl+Space will show a list of methods of the String class }

— Includes inline comments with data types:

    $('div').click(function(/* Event */ evt){ evt. //Ctrl+Space will show a list of methods of the Event class });

— Additional JSDoc constructs:

    @type {Element[]} — array of objects of the Element class
    @type {myFunc()} — means that the variable contains the result of the myFunc() function
    @include "path/to/file.js" — connecting an external file for code assist


— Supports modern frameworks: jQuery, Prototype, YUI, etc.
— Watches for returned function result:

    function myFunc() { return { prop: 'hello world', showProp: function(){ alert(this.prop); } } }
    myFunc(). // code assist will show prop and showProp

— Understands modern patterns, for example:

    var obj = (function(){ function secretMethod(message) { alert(message); }
    return { useSecretMethod: function(){ secretMethod('hello world'); } } })();
    obj. //code assist and outline will show the useSecretMethod method

— JavaScript debugger for IE.
— Separate JSON editor.
— Nice developer who regularly introduces fixes and new features.




Additional materials:

— Screencast (QuickTime, 63,2 MB)

— jQuery documentation in JSDoc format for connecting to JavaScript Profiles (will be updated and translated into Russian) (JavaScript, 14,5 KB)

— Canvas documentation (JavaScript, 38,5 KB)


Order a design...