«
DRX
Web Developer Resource Index: JavaScript
First written in 1995 by Brendan Eich while at Netscape, JavaScript (which
has little if anything to do with Java) is a scripting language that
is most often associated with client-side (browser) dynamic effects
and behavior that are designed to enhance Web pages.
Although pedantics have been saying for years that JavaScript is a poor name, and in fact the true, standardized version of the language is ECMAScript, JavaScript has stuck so that is how I’ve named this category.
Due to its popularity (and usefulness), Microsoft wasted no time adding their own compatible JScript language to the competing Internet Explorer browser. And, just as was the case with the markup language HTML, both vendors started adding to and changing the language. In the end (and to some extent to this day), the poor script author was forced to continually check which browser the script was running under (sometimes called “sniffing”) in order for their code to function properly.
Dynamic scripting (once known popularly as DHTML) is most often integrated with the structure of a Web document through the DOM and the presentation of the page through CSS. In the past few years, the popularity of JavaScript has exploded—mostly due to a new programming paradigm known as Ajax, which allows the developer to combine client-side dynamic effects with data that is stored on the server—the result being Web applications that are similar in feel and response to traditional desktop software. AJAX based applications typically alter the DOM of the page using data pulled from the server, usually from a database stored there. The result of this technique is dynamic content with all the benefits of server-side data (or even through Web Services), but without having to reload the entire page as is common with traditional client-server Web programming.
Dynamic, or DOM scripting isn’t the only technology contributing to the explosive growth of JavaScript. The Mozilla application framework, from which the popular Firefox browser is built, relies on JavaScript as a glue, or interface language (and is extensible through this technology).
The simple fact that I was a long time hold-out and pessimist (now a convert), should tell you something. In my opinion JavaScript, and similar technologies including Flash (which has another incarnation of JavaScript dubbed ActionScript), should remain unobtrusive, degrade gracefully and care should be taken so that the resulting applications are accessibile to all users.
Updated: Thursday, October 12th, 2006 @ 3:59 PM EST [72]
Navigation
Resources
-
1.
ECMAScript Language Specification
This is the full ECMA-262 language standard, 3rd edition, in PDF format. Gecko-based browsers such as Firefox, Internet Explorer, Opera and Safari (WebCore) all support the standard, with extensions. Flash, Acrobat and other packages also include support. [1584]
★★★★☆
URI:http://www.ecma-international.org/publications/standards/Ecma-262.htm
Author:Ecma International [1]
Reviewed:Sunday, January 22nd, 2006 @ 7:02 PM EST
by:Douglas Clifton
ECMAScript Language Specification
clientgeckojavascriptprogrammingspecstandards
-
2.
Ten Questions for Peter-Paul KochOwner of quirksmode.org and a client-side developer since before the last JavaScript craze (DHTML), in this interview with Russ, PPK discusses his new book and covers such topics as accessible JS, libraries and frameworks, and the hype surrounding Ajax. [1691]
★★★★☆
URI:http://webstandardsgroup.org/features/peter-paul-koch.cfm
Author:Russ Weakley [7]
Reviewed:Thursday, October 12th, 2006 @ 3:59 PM EST
by:Douglas Clifton
Ten Questions for Peter-Paul Koch
accessibilityajaxframeworkjavascript
-
3.
JavaScript LintBuilt with the Mozilla SpiderMonkey JavaScript engine, JavaScript Lint is designed to catch errors and questionable coding practices. Use it from the command line, or install it in your favorite environment. Available as source and for Linux and Windows. [1685]
★★★★☆
URI:http://javascriptlint.com/
Author:Matthias Miller [1]
Reviewed:Saturday, April 1st, 2006 @ 5:21 PM EST
by:Douglas Clifton
JavaScript Lint
debugjavascriptvalidator
-
4.
JavaScript Object TreeThis favelet overlays your document with a collapsed list of all JavaScript object types referenced by the current page, including functions, arrays and strings. Selecting a type expands the tree and selecting an item, e.g. a function, displays the code. [1683]
★★★★☆
URI:http://slayeroffice.com/?c=/content/tools/js_tree.html
Author:Steve Chipman [1]
Reviewed:Wednesday, March 29th, 2006 @ 8:09 PM EST
by:Douglas Clifton
JavaScript Object Tree
codefaveletjavascriptoop
-
5.
JSViewIn the 90s it was view-source to learn about markup, since 2000 we've all been studying CSS. These days it's all about JavaScript, and this Firefox extension gives you quick access to external source code, from a statusbar icon, View and context menus. [1677]
★★★★☆
URI:http://addons.mozilla.org/extensions/moreinfo.php?id=2076
Author:Ron Beckman [1]
Reviewed:Thursday, March 23rd, 2006 @ 12:18 AM EST
by:Douglas Clifton
JSView
codeextensionfirefoxjavascript
-
6.
Round-up of 30 Ajax TutorialsThere are quite a large number of Ajax examples and demos around the Web, but some people need a bit more information than just a raw piece of code. Max has put together a list of what he considers the best Ajax tutorials discovered over the past year. [1672]
★★★★☆
URI:http://maxkiesler.com/index.php/weblog/comments/round_up_of_30_ajax_t...
Author:Max Kiesler [1]
Reviewed:Sunday, March 19th, 2006 @ 11:16 PM EST
by:Douglas Clifton
Round-up of 30 Ajax Tutorials
ajaxhowtojavascripttutorial
-
7.
Ajax/DHTML Library ScorecardA well-researched overview and history of JavaScript, browsers and the DOM, followed by an in-depth look at all the major JavaScript libraries currently available (a list that can change tomorrow). The author is aware of this, and plans frequent updates. [1663]
★★★★☆
URI:http://musingsfrommars.org/2006/03/ajax-dhtml-library-scorecard.html
Author:Leland Scott [1]
Reviewed:Sunday, March 5th, 2006 @ 9:54 PM EST
by:Douglas Clifton
Ajax/DHTML Library Scorecard
ajaxbrowserdhtmldomframeworkhistoryjavascript
-
8.
Prototype DissectedAlthough Prototype is an excellent JavaScript code library, one of the complaints many developers have is the lack of quality documentation. Jonathan has put together an excellent resource/cheatsheet here that details every available method and property. [1651]
★★★★☆
URI:http://www.snook.ca/archives/000531.php
Author:Jonathan Snook [2]
Reviewed:Tuesday, February 21st, 2006 @ 1:54 AM EST
by:Douglas Clifton
Prototype Dissected
ajaxframeworkjavascriptreference
-
9.
moo.fxA lightweight (< 3k) JavaScript effects library built with Prototype.js, moo.fx is fast, cross-browser, standards compliant, and provides controls to modify height, width, and opacity. Designed for simplicity, it allows you to do more with less code. [1641]
★★★★☆
URI:http://moofx.mad4milk.net/
Author:Valerio Proietti [1]
Reviewed:Friday, February 10th, 2006 @ 9:14 PM EST
by:Douglas Clifton
moo.fx
codejavascriptperformancestandards
-
10.
ASK: Ajax Source KitDesigned as a simple way to get content onto your page through asynchronous JavaScript and XMLHttpRequest, without sacrificing accessibility or usability. In short, ASK is cross-platform/browser, degrades nicely and doesn't break the back/forward buttons. [1640]
★★★★☆
URI:http://robertnyman.com/ask/
Author:Robert Nyman [1]
Reviewed:Thursday, February 9th, 2006 @ 10:24 PM EST
by:Douglas Clifton
ASK: Ajax Source Kit
accessibilityajaxdomframeworkjavascriptprogrammingusability
-
11.
JSANThe JavaScript Archive Network's goal is to bring the joy of collaborative, open-source programming embraced by Perl developers through CPAN to JavaScript, "a unique and independent programming language with potential in all areas of modern development." [1631]
★★★★☆
URI:http://openjsan.org/
Author:Casey West [1]
Reviewed:Monday, February 6th, 2006 @ 12:24 AM EST
by:Douglas Clifton
JSAN
cpandeveloperjavascriptopen sourceperlprogrammingrepository
-
12.
AjaxianA multi-author blog on all things Ajax. There is a pile of content here, in categories from Accessibility to XMLHttpRequest, with JavaScript taking center stage of course. If the new paradigm of Web development is your thing, head on over and subscribe. [1623]
★★★★☆
URI:http://ajaxian.com/
Author:Ajaxian Team [1]
Reviewed:Wednesday, February 1st, 2006 @ 9:36 PM EST
by:Douglas Clifton
Ajaxian
ajaxblogjavascript
-
13.
Unobtrusive JavaScriptJavaScript is a wonderful tool designed to enhance the usability of Web sites. It is the extra layer above the markup, or "what is this text?" and the CSS or "how should it be displayed?" JavaScript adds a new dimension: "how should this element behave?" [1622]
★★★★☆
URI:http://onlinetools.org/articles/unobtrusivejavascript/
Author:Christian Heilmann [1]
Reviewed:Wednesday, February 1st, 2006 @ 9:00 PM EST
by:Douglas Clifton
Unobtrusive JavaScript
cssjavascriptmarkupunobtrusive
-
14.
FireBugFireBug is a Firefox extension that aids with debugging JavaScript, DHTML, and Ajax. It is like a combination of the JavaScript Console, DOM Inspector, and a JavaScript CLI. Other powerful features include the XMLHttpRequest Spy for logging Ajax requests. [1611]
★★★★★
URI:http://joehewitt.com/software/firebug/
Author:Joe Hewitt [2]
Reviewed:Wednesday, January 25th, 2006 @ 4:48 PM EST
by:Douglas Clifton
FireBug
ajaxdebugdeveloperdomfirefoxjavascriptmozilla
-
15.
New in JavaScript 1.6As of Mozilla Firefox 1.5, the JavaScript engine is now up to version 1.6, which supports E4X (ECMA-357), or ECMAScript for XML. Seven new Array methods are also supported, including indexOf(), lastIndexOf(), every(), filter(), forEach(), map() and some(). [1610]
★★★★☆
URI:http://developer.mozilla.org/en/docs/New_in_JavaScript_1.6
Author:Mozilla Developer Community [3]
Reviewed:Wednesday, January 25th, 2006 @ 1:28 PM EST
by:Douglas Clifton
New in JavaScript 1.6
firefoxjavascriptmozillaxml
-
16.
JavaScript Developer CenterBy leveraging Yahoo! Web Service APIs, the developer can build sites that include search, maps, travel and traffic, weather, photos, music, jobs, RSS and more. Using technologies such as REST, JSON, XML, PHP and DOM (dynamic) scripting makes this a snap. [1609]
★★★★☆
URI:http://developer.yahoo.net/javascript/
Author:Yahoo! Inc. [4]
Reviewed:Wednesday, January 25th, 2006 @ 1:00 PM EST
by:Douglas Clifton
JavaScript Developer Center
ajaxapidomflickrjavascriptjsonmapsphprestrsssearchxmlyahoo
-
17.
RhinoStill kicking since days when Netscape was building a browser written entirely in Java, this is yet another implementation of JavaScript from Mozilla. Suitable for embedding into your Java applications, the source code is free to download and use. [1608]
★★★★☆
URI:http://www.mozilla.org/rhino/
Author:Norris Boyd [1]
Reviewed:Wednesday, January 25th, 2006 @ 12:42 AM EST
by:Douglas Clifton
Rhino
javajavascriptmozillanetscape
-
18.
SpiderMonkeySpiderMonkey is the Mozilla code-name for its C-language, open-source implementation of JavaScript. First written by Brendan Eich for Netscape, it has since been updated to conform to ECMA-262 Edition 3. This is the JavaScript engine embedded in Firefox. [1607]
★★★★☆
URI:http://www.mozilla.org/js/spidermonkey/
Author:Brendan Eich [1]
Reviewed:Wednesday, January 25th, 2006 @ 12:00 AM EST
by:Douglas Clifton
SpiderMonkey
cfirefoxjavascriptmozillanetscapeopen source
-
19.
JavaScript Interactive InterpreterBuilt from the excellent MochiKit suite of JavaScript libraries, this tool allows you to interactively test snippets of code. While you're there, check out some of the other demos, including Logging Pane, MochiRegExp, view-source and AJAX/sortable Tables. [1606]
★★★★☆
URI:http://mochikit.com/examples/interpreter/
Author:Bob Ippolito [1]
Reviewed:Tuesday, January 24th, 2006 @ 9:36 PM EST
by:Douglas Clifton
JavaScript Interactive Interpreter
javascript
-
20.
The DOM Event ModelThe Document Object Model provides methods for capturing events so you can perform your own actions in response to them. It also provides an Event object which contains information specific to a given event that can be used by your event processing code. [1605]
★★★★☆
URI:http://brainjar.com/dhtml/events/
Author:Mike Hall [1]
Reviewed:Tuesday, January 24th, 2006 @ 7:17 PM EST
by:Douglas Clifton
The DOM Event Model
domeventsjavascript
-
21.
Ten good practices for writing JavaScriptWeb Standards are a three-legged stool, or without metaphors, a threesome of technologies that should live together in harmony. XHTML or HTML build structure and semantics, CSS is responsible for presentation, and the DOM provides the API for behavior. [1604]
★★★★☆
URI:http://bobbyvandersluis.com/articles/goodpractices.php
Author:Bobby van der Sluis [1]
Reviewed:Tuesday, January 24th, 2006 @ 7:08 PM EST
by:Douglas Clifton
Ten good practices for writing JavaScript
cssdomhtmljavascriptstandardsxhtml
-
22.
JavaScript ResourcesMike maintains an active and growing list of JavaScript resources, along with a number of other lists in related Web development categories. In addition, he has a a top-notch blog. If you enjoy loadaverageZero, I recommend bookmarking fiftyfoureleven.com. [1603]
★★★★☆
URI:http://www.fiftyfoureleven.com/resources/programming/javascript
Author:Mike Papageorge [2]
Reviewed:Tuesday, January 24th, 2006 @ 1:25 AM EST
by:Douglas Clifton
JavaScript Resources
blogdeveloperjavascriptresources
-
23.
JavaScript: How Did We Get Here?Written in 2001, this history of the JavaScript language may seem a little dated, but it remains an excellent point of reference, full of insights (and interesting trivia), and even accurately predicts the current role JavaScript plays in Web development. [1602]
★★★★☆
URI:http://hesketh.com/publications/javascript_history.html
Author:Steve Champeon [2]
Reviewed:Tuesday, January 24th, 2006 @ 12:08 AM EST
by:Douglas Clifton
JavaScript: How Did We Get Here?
browserdomhistoryjavascriptlanguages
-
24.
script.aculo.usA fantastic Ruby on Rails code library for building widgets (controls) and creating special effects built on top of the Prototype JavaScript framework. Have a look at Ajax autocompletion, drag and drop shopping cart, and ghostly sortable lists. Slick! [1601]
★★★★☆
URI:http://script.aculo.us/
Author:Thomas Fuchs [1]
Reviewed:Monday, January 23rd, 2006 @ 3:28 PM EST
by:Douglas Clifton
script.aculo.us
frameworkjavascriptrorruby
-
25.
PrototypeA JavaScript framework that aims to ease development of dynamic Web applications. Featuring a unique, easy-to-use toolkit for class-driven development and the nicest Ajax library around, Prototype is quickly becoming the codebase of choice for developers. [1600]
★★★★★
URI:http://prototype.conio.net/
Author:Sam Stephenson [1]
Reviewed:Monday, January 23rd, 2006 @ 3:06 PM EST
by:Douglas Clifton
Prototype
ajaxdeveloperframeworkjavascript
-
26.
DOM Scripting Task ForceThe old days of DHTML and code-forking are gone, replaced by standards-compliant, DOM-based methods. Jeremy is the champion of this movement, and established the Task Force to educate and enlighten Web developers. Articles and news in a blog/RSS format. [1599]
★★★★☆
URI:http://domscripting.webstandards.org/
Author:Jeremy Keith [1]
Reviewed:Monday, January 23rd, 2006 @ 1:08 PM EST
by:Douglas Clifton
DOM Scripting Task Force
accessibilityblogdomjavascriptstandards
-
27.
Browser ExperimentsFrom the author of DHTML Utopia, a very interesting set of techniques/HOWTOs using unobtrusive JavaScript and the DOM. Popular experiments include Nice titles (tooltips), and aqTree, a method of converting nested unordered lists into collapsible trees. [1598]
★★★★☆
URI:http://kryogenix.org/code/browser/
Author:Stuart Langridge [1]
Reviewed:Monday, January 23rd, 2006 @ 12:38 PM EST
by:Douglas Clifton
Browser Experiments
browserdomhowtojavascript
-
28.
DojoAn open-source JavaScript toolkit that helps you build serious applications in less time. It fills in the gaps where JavaScript and browsers don't go quite far enough, and gives you powerful, portable, and tested tools for constructing dynamic interfaces. [1597]
★★★★☆
URI:http://dojotoolkit.org/
Author:Alex Russell [1]
Reviewed:Monday, January 23rd, 2006 @ 11:23 AM EST
by:Douglas Clifton
Dojo
ajaxjavascriptuser interface
-
29.
Top 10 custom JavaScript functions of all timeIf there was a universal JavaScript library shared among the developer community, you'd find these ten functions. It would be the Swiss army knife no developer would go into production without. They have no doubt been tested and proven useful by everyone. [1596]
★★★★☆
URI:http://dustindiaz.com/top-ten-javascript/
Author:Dustin Diaz [1]
Reviewed:Monday, January 23rd, 2006 @ 11:00 AM EST
by:Douglas Clifton
Top 10 custom JavaScript functions of all time
developerjavascript
-
30.
Javascript DebuggerAlthough distributed with Firefox, the Venkman Javascript debugger is actually built with XUL technology in XPI format. In other words, it's a cross-platform extension that also works in the Mozilla Suite, and Netscape (who first developed it). [1595]
★★★★☆
URI:http://www.mozilla.org/projects/venkman/
Author:Robert Ginda [2]
Reviewed:Monday, January 23rd, 2006 @ 1:28 AM EST
by:Douglas Clifton
Javascript Debugger
debugextensionfirefoxjavascriptmozillanetscape
-
31.
DOM InspectorIf you do any amount of Javascript development (including AJAX and/or "DHTML") or need to quickly find details about a particular node in your document tree, including applied CSS rules, then make sure you have DOM Inspector installed. An invaluable tool. [1594]
★★★★☆
URI:http://kb.mozillazine.org/DOM_Inspector
Author:Joe Hewitt [2]
Reviewed:Monday, January 23rd, 2006 @ 1:26 AM EST
by:Douglas Clifton
DOM Inspector
ajaxcssdeveloperdomfirefoxjavascriptmozillaweb
-
32.
Gecko DOM ReferenceGecko is the code name used by Mozilla to refer to its software component responsible for parsing markup (HTML, XHTML and XML), generating the (standards-compliant) DOM and rendering each Web page. In fact, the entire browser (BOM) is built using Gecko. [1593]
★★★★☆
URI:http://developer.mozilla.org/en/docs/Gecko_DOM_Reference
Author:Mozilla Developer Community [3]
Reviewed:Monday, January 23rd, 2006 @ 12:57 AM EST
by:Douglas Clifton
Gecko DOM Reference
browserdeveloperdomgeckohtmlmozillawebxhtmlxml
-
33.
JavaScript Cheat SheetThe JavaScript cheat sheet is designed to act as a reminder and reference sheet, listing methods and functions of JavaScript. It includes reference material for regular expressions in JavaScript, as well as a short guide to the XMLHttpRequest object. [1592]
★★★★☆
URI:http://www.ilovejackdaniels.com/javascript/javascript-cheat-sheet/
Author:Dave Child [4]
Reviewed:Monday, January 23rd, 2006 @ 12:33 AM EST
by:Douglas Clifton
JavaScript Cheat Sheet
ajaxjavascriptreferenceregex
-
34.
JavaScript ReferenceA comprehensive listing of JavaScript operators, statements, global functions, objects properties, and methods. Form elements, events, properties and methods are covered in great detail. Each page has a summary and examples, including browser variations. [1591]
★★★★☆
URI:http://javascriptkit.com/jsref/index.shtml
Author:JavaScript Kit [1]
Reviewed:Monday, January 23rd, 2006 @ 12:23 AM EST
by:Douglas Clifton
JavaScript Reference
javascriptreference
-
35.
JavaScript ToolboxA large collection of JavaScript source files, examples and techniques. You'll find functions to validate forms, format dates, pick colors, create dynamic select boxes, calendar pop-ups, sortable tables, auto-complete, options transfer widgets, and more. [1590]
★★★★☆
URI:http://mattkruse.com/javascript/
Author:Matt Kruse [1]
Reviewed:Sunday, January 22nd, 2006 @ 11:58 PM EST
by:Douglas Clifton
JavaScript Toolbox
javascript
-
36.
JScript Language ReferenceJScript is the implementation of ECMAScript/JavaScript developed by Microsoft for its products. Since Internet Explorer remains the dominant browser on the Web, when authoring cross-platform scripts this reference material will come in very handy. [1589]
★★★★☆
URI:http://msdn.microsoft.com/library/en-us/script56/html/29f83a2c-48c5-4...
Author:Microsoft Developer Network [1]
Reviewed:Sunday, January 22nd, 2006 @ 11:35 PM EST
by:Douglas Clifton
JScript Language Reference
iejavascriptreference
-
37.
Quirksmode: JavaScriptPPK has been contributing to the Web development community for years, and his expertise with browsers, CSS and JavaScript is unmatched. This area of his Web site is chock full of articles, insights and techniques. A must bookmark for all JavaScript users. [1588]
★★★★☆
URI:http://www.quirksmode.org/js/
Author:Peter-Paul Koch [2]
Reviewed:Sunday, January 22nd, 2006 @ 11:09 PM EST
by:Douglas Clifton
Quirksmode: JavaScript
browsercssdomjavascript
-
38.
JavaScript ArticlesAn excellent series of articles on JavaScript, including an overview and history, survey of the language, remedial JavaScript, implementing private members, prototype inheritance and many others. JSON (JavaScript Object Notation) is also covered. [1587]
★★★★☆
URI:http://crockford.com/javascript/
Author:Douglas Crockford [1]
Reviewed:Sunday, January 22nd, 2006 @ 8:54 PM EST
by:Douglas Clifton
JavaScript Articles
javascriptjsonoopreference
-
39.
Mozilla Development Center: JavaScriptIncludes the Core JavaScript 1.5 Reference and Guide, what's new in version 1.6, migrating from IE to Mozilla, many articles, examples, tools and other resources. Other topics include AJAX, DOM, DHTML, E4X and Spider Monkey (Mozilla's JavaScript in C). [1586]
★★★★☆
URI:http://developer.mozilla.org/en/docs/JavaScript
Author:Mozilla Developer Community [3]
Reviewed:Sunday, January 22nd, 2006 @ 8:26 PM EST
by:Douglas Clifton
Mozilla Development Center: JavaScript
ajaxdeveloperdomfirefoxjavascriptmozillareference
-
40.
W3C DOM Technical ReportsThe Document Object Model is a platform and language neutral Application Programming Interface used to access and modify the structure, presentation and content of HTML and XML documents. This page references Technical Reports for DOM levels 1, 2 and 3. [1585]
★★★★☆
URI:http://w3.org/DOM/DOMTR
Author:W3C DOM Interest Group [1]
Reviewed:Sunday, January 22nd, 2006 @ 6:56 PM EST
by:Douglas Clifton
W3C DOM Technical Reports













































