CIS 119 Tools

Editors and IDEs

  • Scintilla and SciTE: text editor
  • Notepad++: text editor (based on Scintilla)
  • Komodo Edit: text editor
  • WebStorm IDE: commercial IDE
  • Note: Aptana Studio is no longer recommended. The website often doesn't work, the links often don't work, the installation often doesn't work, it has many dependencies, and yet people still expect to be able to create working websites using it. Recommendation: Avoid Aptana Studio and Appcelerator (the company that bought Aptana when it did work).
  • Aptana Studio: Integrated Development Environment

Chrome

  • Built-in developer tools: Ctrl-Shift-I, or hotdog-menu -> Tools -> Developer Tools
  • Chrome extensions are available in the Chrome web store
  • Web Developer: many tools for inspecting and validating a web page
  • Pendule: additional tools for inspecting a web page
  • Validity: HTML validator

Opera

Built-in developer tools (Dragonfly): Ctrl-Shift-I

Safari

Built-in developer tools (Advanced preferences -> Show Develop menu in menu bar

Firefox

  • Built-in error console: Ctrl-Shift-J
  • Note: Firefox is updating to a newer version and many addons will no longer work. Recommendation: Do not depend on Firefox addons, and consider using Chrome instead.
  • Firefox extensions are available at addons.mozilla.org
  • Web Developer: many tools for inspecting and validating a web page
  • Firebug: inspect, edit, and debug HTML, CSS, and JavaScript on current page
  • Greasemonkey: lets you modify a page when it loads using JavaScript
  • Console2: advanced JavaScript console

Internet Explorer

Built-in developer tool: F12

JavaScript testing online

  • JS Bin: Interactive online JavaScript tester
  • JSFiddle: Interactive online JavaScript tester
  • JSLint: JavaScript code quality tool
  • JSHint: JavaScript code quality tool

JavaScript minifiers and obfuscator