General
Creating accounts
- Create Windows and Linux accounts. You must have a Windows account to use the computer a school and a Linux (Voyager) account to publish your Web site online.
Telnet and SSH client (Secure Shell protocol)
SFTP (Secure FTP using port 22)
- Filezilla: http://www.filezilla.com/
- Winscp: http://www.winscp.com/
- SmartFTP: http://www.smartftp.com/
- Cyberduck (for Mac): http://cyberduck.ch
Editors
- Textpad: http://www.textpad.com/
- Notepad++ (Windows, http://notepad-plus-plus.org) is a coder's friend. It highlights the syntax of JavaScript and HTML code, and lets you save macros and assign keyboard shortcuts to them so you can automate the process of inserting the code snippets you use most.
- HTML-Kit (Windows, http://www.chami.com/html-kit) is a powerful HTML/XHTML editor that includes lots of useful features, like the ability to preview a web page directly in the program (so you don't have to switch back and forth between browser and editor), shortcuts for adding HTML tags, and a lot more.
- CoffeeCup Free HTML Editor (Windows, http://www.coffeecup.com/free-editor) is the free version of the commercial ($49) CoffeeCup HTML editor.
- TextWrangler (Mac, http://www.barebones.com/products/textwrangler) is free software that's actually a pared-down version of BBEdit, the sophisticated, well-known text editor for the Mac. TextWrangler doesn't have all of BBEdit's built-in HTML tools, but it does include syntax-coloring (highlighting tags and properties in different colors so it's easy to scan a page and identify its parts), FTP support (so you can upload files to a web server), and more.
- Aptana Studio (Windows, Linux, Mac; http://www.aptana.org) is a powerful, free coding environment with tools for working with HTML, CSS, JavaScript, PHP, and Ruby on Rails.
- Eclipse (Windows, Linux, Mac; http://www.eclipse.org) is a free, popular choice amongst Java Developers, but includes tools for working with HTML, CSS, and JavaScript. A version specifically for JavaScript developers is also available (http://www.eclipse.org/downloads/packages/eclipse-ide-javascript-web-developers/indigor), as well as Eclipse plug-ins to add autocomplete for jQuery (http://marketplace.eclipse.org/category/free-tagging/jquery).
- PsPad: http://www.pspad.com/
- Matrix Y2K: http://www.crystalfibers.com/index.php?topicid=20
- Bluefish: http://bluefish.openoffice.nl/
- EzPad: http://www.mmedia.is/ezpad/
- Arachnophilia: http://www.arachnoid.com/arachnophilia/
- Web-O-Rama: http://www.kevingunn.com/weborama.htm#download
Development Tools
- Chrome Developer Tools: Good tutorial at http://odetocode.com/blogs/scott/archive/2012/03/13/debugging-javascript-with-chrome.aspx
- Firebug: The popular developer extension for Firefox
- IE Developer Tools: Included in Internet Explorer 8.
- Opera Dragonfly: Included in Opera 9.5 and newer - also works with Mobile versions of Opera.
- Safari Developer Tools: Introduced in Safari 3 and dramatically improved in Safari 4.
- Eclipse JavaScript Development Tools (JSDT)
- Visual Studio Express: With Visual Studio Express tools, you can build the next great app for Windows 8, Windows Phone, and the web. Best thing about them? They're entirely free.
Use the Google Chrome console to view the error by htting Shift + CTRL + I keys.
Use the IE console of the development tools to view the error by htting F12 or Shift + CTRL + I keys.
How to use F12 Developer Tools to Debug your Webpages: http://msdn.microsoft.com/en-us/library/ie/gg589507(v=vs.85).aspx
http://www.opera.com/dragonfly/
http://www.eclipse.org/webtools/jsdt/
http://www.microsoft.com/visualstudio/eng/products/visual-studio-express-products
Image Mapper
- MapThis: http://www.zoniez.com/Newbie/mapthis/mapthis.html
- CoffeeCup Image Mapper: http://www.coffeecup.com/image-mapper/
- MapEdit: http://www.boutell.com/mapedit/
Learning JavaScript
- JavaScript tutorial for the total non-programmer... The best way to learn JavaScript is from the examples presented in this tutorial (http://www.webteacher.com/javascript/).
- Thau's JavaScript Tutorial (http://hotwired.lycos.com/webmonkey/98/03/index0a.html)
- JavaScript Tutorial at w3schools (http://www.w3schools.com/js/default.asp).
Miscellaneous