Web Development Tools

Choosing Development Tools

Depends upon:

•Operating System•Language(s) supported•Specific Features

Syntax Highlighting

Code Intelligence

• Auto-balancing of characters and tags• Code completion• Recognition of variables and functions

Other Features

• Inline execution of code• Page templates• FTP support• Built-in debugger• Network monitor• WYSIWYG• Help system, manual, and

documentation

Coding Software

Text Editors• Cheaper• Simpler• Easier to master• Faster to begin using• Less demanding of the

computer• Can be used for many

tasks

IDEs• More expensive• More complicated• Requires more computer

resources• Tend to be more specific• Better code intelligence• Better debugging• Faster development

once mastered

Coding Software

Text Editors• Komodo Edit• UltraEdit• Notepad++• EditPlus• TextMate• TextWrangler• BBEdit• Emacs• Vim

IDEs• Adobe Dreamweaver• Komodo IDE• Aptana Studio• Eclipse• NetBeans• WebStorm

Executing Software

Extensions for Chrome

• Web Developer• Pendule• Firebug Lite• JavaScript Tester• Validity

Extensions Firefox

• Firebug• Web Developer• YSlow!• Greasemonkey• View Source Chart• JS View

Internet Explorer (Standard)

• IE Developer Toolbar• Web Accessibility Toolbar

Opera (Standard)

Safari (Standard)

Debugging Techniques

• Get a good text editor or IDE.• Get a good development browser.• Save the file and refresh the browser.• Try a different browser.• Take a break!

Bad Debugging Techniques

• Panicking!• Ignoring error messages• Trying random solutions• Sending emails to teachers and writers

out of frustration