[hemmerling] Web Technologies ( HTML5, HTML, XML & Javascript ) 4/5 - Javascript Development Tools

Browser Tools for Javascript

Browser Plugin

Tools

IDEs & Editors for Javascript Development

Free IDEs for Development of Desktop Apps & Smartphone Apps with Javascript

Appcelerator

Microsoft

Free and/or OpenSource IDEs & Editors for Javascript

Code Lobster

  • Code Lobster PHP Edition - “Free Portable PHP IDE (HTML, PHP, CSS, JavaScript code editor)”, “Free portable IDE for PHP/HTML/CSS/JavaScript development”, “PHP/HTML/CSS/JavaScript highlighting; advanced PHP/HTML/CSS/JavaScript autocomplete; a powerful PHP debugger; context and dynamic Help; a code validator; a SQL manager”.

"Eclipse" with "Dynamic Languages Toolkit" ( DLTK )

Microsoft

NetBeans

Free and/or OpenSource IDEs & Editors for Javascript with Node.js

Atom

The Tool
Resources

Brackets

The Tool
Plugins
Brackets with Theseus - Howto
  • Brackets with Theseus plugin is useful to debug processes of Node.js application, e.g of a Http server, e.g.
    /*jslint node: true */
    "use strict";
    var http = require("http");
    function process_request(req, res) {
        var body = 'Thanks for calling!\n';
        var content_length = body.length;
        res.writeHead(200, {
                'Content-Length': content_length,
                    'Content-Type': 'text/plain'
                    });
        res.end(body);
    }
    var s = http.createServer(process_request);
    s.listen(8080);
    
  • How to start debugging:
    1. Run Brackets and load the Node.js application file, e.g. “apps.js”.
    2. In a shell ( e.g. COMMAND.COM or Bash ), call “node-theseus app.js*, as if you would normally call “node app.js”, to execute the application.
  • Now you should be able to see the debug infos in Brackets, e.g. how many times a Http server and its functions are called.
Brackets with Theseus - NoGo
  • Brackets can't be used to do classical single step debugging of straight Javascript scripts, e.g.
    /*jslint node: true */
    "use strict";
    console.log("Hello World");
    console.log("Hi there");
    
Resources

CodeLite

The Tool
Resources
  • The editor offers the “Code Completion” feature with multiple choice suggestions :-).
  • CodeLite installs a Node.js at “C:\Users\<user>\AppData\Roaming\codelite\webtools\js\node.exe” ( e.g. “C:\Users\Administrator\AppData\Roaming\codelite\webtools\js\node.exe” for user “Administrator ), which is executed by default by “Build / Run”.
  • The Node.js debugger integrated in the IDE is suitable to do classical single step debugging of straight Javascript scripts, e.g.
    /*jslint node: true */
    "use strict";
    console.log("Hello World");
    console.log("Hi there");
    

Microsoft

NetBeans with Node.js Plugin

Nodeclipse & Enide

The Tools
Resources

Commercial IDEs & Editors

Sublime Text

  • The ShareWare editor “Sublime Text 2” for Windows, Linux. See → Python 1/7.

Webstorm

Free Online IDEs & Application Platforms for Javascript with Node.js

Cloud 9 IDE

Koding

The Service
Tips & Tricks
  • It's hard to find: The account settings are available by klicking on the “^” character at bottom of the left menu frame/pane, next to the user name and avantar picture!
  • As of 2015-08, there are 2 Node.js instances:
    • “$ node -v” → “v0.10.26”.
    • “$ nodejs -v” → “v0.10.37”.
  • “To run a command as the `root` user, prefix any command with `sudo <command>`. But remember, with great power, comes great responsibility! :-)”.
  • “By default, you sudo password is blank. Most people like it that way but if you prefer, you can use the `sudo passwd` command and change the default (blank) password to something more secure”.
Resources
    • Top reasons against server-side Javascript :-(, by Devrim Yasar, CEO / Co-Founder @ Koding.com:
      1. 'If your codebase grows large, javascript is not the friendliest language for your unit tests'.
      2. 'When node leaks memory you don't know why unless you can do this: NodeJS Blog "Profiling Node.js"'.
      3. 'Even after intensive profiling, you don't really know what exactly is wrong. You could only gather ideas. your debugging still largely remains as guess work'.

Free Online Compiler for Javascript

Javascript Sandboxes

Resources

Appropriate OpenDirectory Directory Pages

 
en/webtech04.html.txt · Last modified: 2017/10/23 10:47 (external edit) · []
Recent changes RSS feed Powered by PHP Valid XHTML 1.0 Valid CSS Driven by DokuWiki