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

Related pages:

• Application programming interface ( API ).
• Databases, Webserver, Webservices, SQL, XML → XML.
• Software Frameworks.
• Scripting Programming Languages for Unix / Linux and Windows.
• Social Networks 3/3 - IT / SystemEngineering Forums and IT / SystemEngineering Communities.
• Representational State Transfer ( REST ).
• WebAssembly ( WASM ).
• Web Technologies ( HTML5, HTML, XML & Javascript ) 1/5.
• Web Technologies ( HTML5, HTML, XML & Javascript ) 2/5 - HTML & CSS.
• Web Technologies ( HTML5, HTML, XML & Javascript ) 3/5 - Javascript.
• Web Technologies ( HTML5, HTML, XML & Javascript ) 5/5 - Javascript Frameworks.

• See Remote Access Tools for Computers & Network Clients.

• Mozilla Firefox Addon "Greasemonkey".
  • EN.Wikipedia "Greasemonkey", DE.Wikipedia "Greasemonkey".
• Google Code "blockly - A visual programming editor".
• Grunt - “A task-based command line build tool for JavaScript projects”.
• RequireJS - “A JavaScript file and module loader. It is optimized for in-browser use, but it can be used in other JavaScript environments, like Rhino and Node. Using a modular script loader like RequireJS will improve the speed and quality of your code”.

• Appcelerator, Inc. : The free IDE “Appcelerator Studio”, the OpenSource IDE “Aptana Studio” → See Web Technologies ( HTML5, HTML, XML & Javascript ) 5/5 - Javascript Frameworks.

• The free IDE Visual Studio 2013 Community Edition → See Software Development Tools.

• 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”.

• The OpenSource IDE “Eclipse” with “Dynamic Languages Toolkit” ( DLTK ) → See Software Development Tools.
  • Eclipse for PHP Developers is shipped with DLTK .

• The free editor Visual Studio 2013 Community Edition → See Software Development Tools.

• The OpenSource editor NetBeans - See Java & Java Platform Languages.

• The OpenSource editor Atom, GitHub "atom" for Windows, Linux - “A desktop application built with HTML, JavaScript, CSS, and Node.js”.
• GitHub "atom/atom - Releases" - Downloads of binaries ( for Win-32bit,..).
• Atom Discuss "ATOM for Windows 32-BIT" - “It is. You need to click “Other Platforms” from the website and then download AtomSetup.exe”.
• Twitter "Atom Editor, @AtomEditor".

• “Sunsetting Atom. We are archiving Atom and all projects under the Atom organization for an official sunset on December 15, 2022”.
• “January 30, 2023 Update: Update to the previous version of Atom before February 2”.
• “Action needed for GitHub Desktop and Atom users. Update to the latest version of Desktop and previous version of Atom before February 2”.

• Atom Packages "build-python" - “Atom Build provider for python/python3/py, runs Python”.
• Atom Packages "linter-python" - “Linter for python files. Lint operation based on pylama application”.
• Atom Packages "microbit-micropython" - “Microbit Micropython support for Atom”, “Please note, that this package only supports Linux”.
• Atom Packages "microbit-python" - “A package to compile python code for the MicroBit”.

• The editor offers the “Code Completion” feature with choice suggestions .
• Windows desktop icon:
  • Target “C:\Users\Administrator\AppData\Local\atom\Update.exe –processStart atom.exe”.
  • Start in “C:\Users\Administrator\AppData\Local\atom\app-1.0.7”.
• Code for geek "5 Must Have Packages for Atom Editor".
• Gentlenode, A Meteor & Growth Hacking Studio "Atom #2: Our Favorite Packages and Themes".
• Gnuu. my word against yours... fight "My Week With GitHub’s Atom Editor".
• Reza Jelveh "A critical look at Atom.io".

• The OpenSource editor Adobe Brackets, GitHub "adobe/brackets" for Windows and Linux.
  • Wiki GitHub Wiki "adobe/brackets".
    • GitHub Wiki "adobe/brackets" - "Troubleshooting".
  • Blog Brackets Blog.
    • Brackets Blog "Theseus JavaScript Debugger for Chrome and NodeJS", 2013-08-28.
    • Brackets Blog "Better JavaScript Debugging with Theseus", 2015-05-31.
  • Videos YouTube Channel "Brackets".

• JSLint.
  • “Bracket” is shipped with “JSLint” → See Good Coding ! - Software Coding, Coding Rules, Static Code Analysis, Code Reviews.
• Theseus.
  • GitHub "adobe-research/theseus"
  • “A new type of JavaScript debugger for Node.js, Chrome, and both simultaneously. It is an extension for the Brackets code editor”.
  • “For Node.js support, also run npm install -g node-theseus in a terminal to get the command-line helper. Theseus requires node-theseus”. Be shure to do a global installation, by adding the ”-g” parameter.
  • GitHub "adobe-research/node-theseus", npm "node-theseus" - “wrapper of the node command for debugging scripts with Theseus”.
  • Videos.
    • Video YouTube "Theseus JavaScript Debugger for Brackets".
    • Video YouTube "Theseus JavaScript Debugger (Extended Demo)".
    • Video YouTube "Brackets: Better JavaScript Debugging with Theseus".
• GitHub "TheBenji/brackets-node-debugger".
  • GitHub Wiki "adobe-research/theseus" - "Theseus Development".
    • GitHub "johnhidey/hdy.brackets-shell".
• GitHub "DennisKehrig/brackets-v8-node-live" - “Node.js/V8 Live Development with the Brackets editor”.

• 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 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");
  

• The editor offers the “Code Completion” feature with choice suggestions .
• Adobe "Open at Adobe: Behind the scenes with Theseus, an open source JavaScript debugger for Brackets".
• Brackets [+]. The place to find extensions and themes for Brackets !.
• coderwall "How to use jslint in node.js projects properly" - “But when writing node.js code, you probably get a lot of false positive problems counted, if you JSLint your code. Most probably they are all about 'require is not defined' or 'module is not defined'”. Solution? Put this at the top of your code!

  /*jslint node: true */
  "use strict";
  

• Hack into the LIFE ;-) "Node.js debugging with Theseus and Brackets".
• Quora "Which one is the best and completely free IDE for Node.js development?" - “Brackets editor with the Theseus plugin. Capable of providing auto-complete suggestions due to integration with Tern.js (in-built) and Theseus helps debug backend code through IDE. It is the only free 'IDE' for Node.js development with traditional IDE features - live debugging (w/ breakpoints) and code completion”.
• StackOverflow "Adobe Brackets - debugging Node.js & Node-inspector".
• EN.Wikipedia "Brackets (text editor)", DE.Wikipedia "Adobe_Brackets".
• Videos:
  • YouTube - Search for "brackets javascript".
  • YouTube - Search for "brackets js".
  • YouTube - Search for "brackets adobe".
  • YoutTube "Developer's Toolbox: Brackets".

• The OpenSource editor CodeLite IDE, GitHub "eranif/codelite", SourceForge "CodeLite IDE", SourceForge "CodeLite: an open source, cross platform C/C++/PHP and JavaScript IDE " - “A Free, open source, cross platform C,C++,PHP and Node.js IDE”.
• Wiki CodeLite Wiki "Documentation".
  • CodeLite Wiki "Documentation", Topic "Nodejs".

• 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");
  

• Codelite IDE Forums, Thread "CodeLite: Keyboard Input doesn´t work in the 'Output View'".

• The free IDE Microsoft/web "WebMatrix" - “A free, lightweight, cloud-connected web development tool”
  • EN.Wikipedia "Microsoft WebMatrix", DE.Wikipedia "Microsoft WebMatrix" - “with full support for ASP.NET, PHP, Node.js and HTML 5”.
• The free “Visual Studio Code” → See Software Development Tools.
• The OpenSource CodePlex "Node.js Tools for Visual Studio", GitHub "Microsoft/nodejstools".

• The OpenSource editor NetBeans → See Java & Java Platform Languages.
  • NetBeans / Plugin Portal "NodeJS".
  • Tim Boudreau's NetBeans Update Center - “Node.js Projects. Support for creating NodeJS projects, running Javascript sources with NodeJS and natively opening any project with a package.json as a NodeJS project; support for adding and managing NodeJS libraries using npm”.
  • Tim Boudreau "NetBeans Tools for Node.js", GitHub "timboudreau/nb-nodejs".
• Codediesel "Installing NodeJS on NetBeans".
• Chegg Engineering. Projects and Experiences from the Chegg Engineering Team "IDE for node.js" - “Netbeans with node.js plugins - No code-completion 'features'” .

• Nodeclipse & Enide - “Tools for JavaScript and Java: Node.js, Android, Gradle and more”.
  • The OpenSource IDE Nodeclipse & Enide "Enide 2015", SoureForge "Nodeclipse "Enide 2015. Node.js & Java development in Eclipse-based IDE", SoureForge "Nodeclipse "Enide 2015. Node.js & Java development in Eclipse-based IDE" for Windows, Linux.
  • Nodeclipse & Enide "Community".
  • GitHub "Nodeclipse/eclipse-node-ide".
  • NPM "nodeclipse" - “nodeclipse CLI - prepare Node.js project to be imported into Eclipse (Nodeclipse); Installer - eclipse plugin CLI installer. Node.js Development with Eclipse or Enide Studio”.

• The editor offers just “Word Completion” without choice suggestions, i.e. without any preview .
• 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");
  

• GitHub Wiki "joyent/node" - "Using Eclipse as Node Applications Debugger".
• TECHPRD "How to setup Node.js project in Eclipse".
• EN.Wikipedia "Nodeclipse".

• Zed Industries.
  • Zed Industries "Documentation".
    • Zed Industries "Documentation - Building Zed for Windows".
• GitHub "Zed Industries. The fast and social code editor".
• heise.de "Sourcecode-Editor Zed: Erfahrungen aus einem Jahr mit einem Underdog", 2024-02.
• I was told by experts in 2024-07, that Zed editor is the successor of the ATOM editor .

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

• The commercial IDE JetBrains "WebStorm - The smartest JavaScript IDE" for Windows.
• The editor offers the “Code Completion” feature with choice suggestions .

• Cloud 9 is a free Online IDE for Node.js development and offers free and paid Node.js application hosting. See Web Technologies ( HTML5, HTML, XML & Javascript ) 5/5 - Javascript Frameworks.

• The free Online IDE and online service Koding - “Develop in Go, Python, Node, Ruby, PHP, ect. or play with Docker, WordPress, Django, Laravel or create Android, IOS/iPhone, HTML5 apps. All for FREE!”.
  • Koding University.
    • Koding University "Koding IDE Introduction".
    • Koding University "Koding Terminal Introduction".
    • Koding University "Hello World on Koding" for Python,... , but not for Javascript / Node.js .
    • http://learn.koding.com/guides/getting-started-kpm/Koding University "Getting started with the Koding Package Manager".
      • Koding University "Getting Started with NodeJS".
• Twitter "Koding, @koding".
• User communications questions & answers system:
  • Koding "Activity", Topic "#public".
    • Koding "Activity", Topic "#node".

• 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”.

• Quora "Why did Koding switch from Node.js to Go?".
  • 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'.
• EN.Wikipedia "Koding".

• Babel.JS - “Babel is a JavaScript compiler. Use next generation JavaScript, today”.
  • Babel.JS "Learn ES2015. A detailed overview of ECMAScript 2015 features".

• alternativeTo "JS BIN" - “JS Bin Alternatives and Similar Software”.
• CodePen - Pens picked by the Editors of CodePen.
• CSSDesk - Online CSS Sandbox.
• CSS LINT - Will hurt your feelings* (And help you code better).
• dabblet - The first commented line is your dabblet’s title.
• hashify.me.
• HTML5 Rocks - A resource for open web HTML5 developers.
• Ideone.com - Your great ideas will be born here.
• jsFiddle - Create a new Fiddle.
• JS Bin - Collaborative JavaScript Debugging.
• jsdo.it - Share JavaScript, HTML5 and CSS.
• Liveweave - HTML, CSS3, Javascript.
• React Native Playground - “Share and test your React Native code in the browser”.
• Tinker - Social Code Collaboration.
• Tinkerbin - “Lets you play around with HTML, JavaScript and CSS without creating files or uploading to servers”.
• WebpackBin - With support for loading NPM packages.
  • YouTube "webpackbin - beta2".

• A Javascript IDE is a tool, which supports editing of Javascript code ( by syntax highlighting, code completion,.. ) and which may execute Javascript by a built-in or external Javascript engine ( without leaving the tool, optional built-in Javascript debugger, console window ). IDEs for some targets like “Windows Desktop” and smartphones ( “Android”, “iOS”, “Windows Phone” ) support the generation of complete applications ready for installation or upload to the appstores.
• A Javascript editor is a tool, which supports editing of Javascript code by syntax highlighting, code completion,.. ) only. You must have a shell ( e.g. COMMAND.COM, Bash ) or your browser open to execute the javascript code.
• Be aware! Some IDEs and editors with “Javascript support” don´t support code completion ”.
• For Node.js, you must supply the “node_modules” dirctory with all locally installed packages in the working directory of your project - the same as if you execute Node.js from shell.
• Chegg Engineering. Projects and Experiences from the Chegg Engineering Team "IDE for node.js" - Feature matrix.
• Codecondo "Top 10 IDEs for Developing Node.js Apps".
• Java World "Review: 10 JavaScript editors and IDEs put to the test" - “Visual Studio Code”,...
• Paul's Blog "Comparing NodeJS IDEs (now with ST3 and WebStorm!)".
• Quora "Which one is the best and completely free IDE for Node.js development?".
• StrongLoop "Node.js Editor Comparison: Sublime vs Atom vs Cloud 9".
• EN.Wikipedia "Comparison of integrated development environments", DE.Wikipedia "Liste von Integrierten Entwicklungsumgebungen".

• OpenDirectory "Top: Computers: Programming: Languages: JavaScript.
• OpenDirectory "Top: Computers: Programming: Languages: HTML.
• OpenDirectory "Top: World: Deutsch: Computer: Programmieren: Sprachen: JavaScript".
• OpenDirectory "Top: World: Deutsch: Computer: Programmieren: Sprachen: HTML".