Thursday, 8 December 2011

40 Excellent Resources for JavaScript Coders


Oct 12 2011 by Subeesh Kottay
He is a web developer/designer who specializes in front-end development (JavaScript, HTML, CSS) and PHP development


photo provided by Dmitry Baranovskiy - the JavaScript Code
Are you an advanced JavaScript coder looking for more sites to sharpen your coding prowess? Maybe you’re a web designer wanting to double as a developer (or at least know enough to add a bit of rich content into your designs). Either way, if you’re looking for more information on the topic of JavaScript, the following resources are worth a gander.

continue reading »

Reference, Resources, & Tutorials


DevGuruDevGuru – JavaScript Quick Reference


DevGuru provides an extensive list of JavaScript syntax, alphabetized similar to a glossary for easy scanning and searching.

TechCheatSheets.com - Javascript Cheat SheetsTechCheatSheets.com – Javascript Cheat Sheets


A roundup of 10 JavaScript cheat sheets in one place; includes cheatsheets for frameworks such as jQuery and Prototype.

Google Groups - comp.lang.javascriptGoogle Groups – comp.lang.javascript


If you’re looking for a community of JavaScript’ers comp.lang.javascript is an active and helpful community of developers.

jQuery for DesignersjQuery for Designers


jQuery for Designers is geared towards designers who want to learn about the jQuery library to add more dynamic content in their designs.

Freetechbooks.com - Free Online JavaScript BooksFreetechbooks.com – Free Online JavaScript Books


In this collection, you’ll be able to download 5 excellent e-books on the topic of JavaScript, all for free.

DZoneDZone


Although not purely a JavaScript resource, DZone regularly features articles, tutorials, resources, and news about JavaScript.

W3Schools - JavaScript TutorialW3Schools – JavaScript Tutorial


W3School’s section on JavaScript offers beginning to advanced JavaScript topics.

15 Days Of jQuery15 Days Of jQuery


Straight off the home page, 15 Days of jQuery has "Fantastic tutorials and example code that takes you from zero to hero in no time flat".

The "Mootorial"The "Mootorial"


//clientside’s tutorial on the mootools framework has a built-in console for you to try out JS code.

Premade Scripts/Code


AjaxDaddyAjaxDaddy


A collection of downloadable DHTML scripts. AjaxDaddy provides a demo for the featured scripts.

MiniAjax.comMiniAjax.com


Another site with a collection of DHTML and Ajax code, similar to AjaxDaddy.

JavaScript KitJavaScript Kit


Here, you’ll find downloadable scripts, as well as tutorials and guides on JavaScript.

Dynamic Drive JavaScript code libraryDynamic Drive JavaScript code library


DHTML scripts organized into 16 categories including CalendarsImage EffectsLinks & Tooltips, and more.

DHTMLgoodies.comDHTMLgoodies.com


Yet another place to get your fix of DHTML/Ajax scripts. They also have a fairly nice and straight-forward Ajax basics tutorial.

4umi useful Javascript4umi useful Javascript


A "database" of useful scripts and code snipplets that are updated fairly often.

Articles & Blog Posts

The Most Complete AJAX Framework and JavaScript Libraries List(124+)The Most Complete AJAX Framework and JavaScript Libraries List(124+)



The title pretty much says it all — it’s a huge list of JS frameworks/libraries.

The seven rules of unobtrusive JavaScriptThe seven rules of unobtrusive JavaScript


This excellent article outlines seven things to keep in mind when trying to develop unobtrusive JavaScript solutions.

How simple is making your javascript unobtrusive? Easy as PieHow simple is making your javascript unobtrusive? Easy as Pie.


A basic introductory article on "unobtrusive JavaScript.

The Top 40 Free Ajax & Javascript Code for Web DesignersThe Top 40 Free Ajax & Javascript Code for Web Designers


A list of scripts geared towards web designers (i.e. not a lot of manual coding involved).

How to choose a JavaScript frameworkHow to choose a JavaScript framework


Outlines a few considerations when deciding which JS framework is right for you.

Efficient JavaScriptEfficient JavaScript


An article on quick tips for optimizing your JavaScript code.

Ten Javascript Tools Everyone Should HaveTen Javascript Tools Everyone Should Have


A list of JS code snipplets recommended to have in your coding arsenal; among them are numeric sorting and working with cookies.

Serving JavaScript FastServing JavaScript Fast


Optimal tips for serving/loading your JavaScript libraries quickly.

The Great Browser JavaScript ShowdownThe Great Browser JavaScript Showdown


A comparison of the top 4 web browsers (IE7, Firefox 2, Safari 3.0.4, and Opera 9.5) when it comes to handling JS.

Quick guide to somewhat advanced JavaScriptQuick guide to somewhat advanced JavaScript


A guide on Object-Oriented JavaScript coding.

Blogs & News


John Resig - BlogJohn Resig – Blog


John Resig is the creator/lead developer of jQuery and author of "Pro Javascript Techniques".

Ajaxian - JavaScriptAjaxian – JavaScript


Ajaxian is a news site about Ajax and Rich Internet Applications. Over 850 stories have been tagged under the JavaScript topic.

Snook.CA - JavaScript CategorySnook.CA – JavaScript Category


Snook.CA is Johnathan Snook‘s site on the topic of web development. He writes about JavaScript, as well as other web dev topics.

AjaxlinesAjaxlines


Ajaxlines provides news and resources on the topic of Ajax. It currently has140+ posts tagged under JavaScript.

QuirksBlogQuirksBlog


QuirksBlog is part of JavaScript guru/web developer Peter-Paul Koch‘sQuirksMode.org. His book ppk on JavaScript is an excellent book to own.

Ajaxonomy - BlogsAjaxonomy – Blogs


Ajaxonomy is a wonderful resource for JavaScript’ers interested in Ajax and other web technologies. It has many posts tagged with JavaScript.

Ajax Bestiary - A JavaScript Field GuideAjax Bestiary – A JavaScript Field Guide


Ajax Bestiary is a regularly updated blog on JavaScript.

Awesome Frameworks/Libraries


Prototype JavaScript frameworkPrototype JavaScript framework


Prototype was one of the first popular frameworks. Several libraries and frameworks are based on Prototype (or still require it).

jQueryjQuery


jQuery is lightweight, elegant, and touted as one of the easiest JS frameworks to use.

mootoolsmootools


My personal favorite.

The Yahoo! User Interface Library (YUI)The Yahoo! User Interface Library (YUI)


A big and extremely robust JavaScript toolkit by Yahoo!.

JavaScriptMVCJavaScriptMVC


JavaScriptMVC is a relatively new but very promising framework that offers a lot of unique components and features not found in other frameworks.

script.aculo.usscript.aculo.us


A robust effects library that’s been used by top websites such as Digg, Feedburner, and Apple; requires the inclusion of Prototype.

Ext JSExt JS


Another solid framework; it does have a restrictive license for commercial purposes. Check out the Web Desktop demo.

MochiKitMochiKit


MochiKit is a robust library that offers a lot of utility functions and effects classes.

DojoDojo


Dojo is another framework to consider. visit the Spotlight section on the website to see real companies using Dojo.

Additional Resources


Author’s note – April 16, 2008. After the publication of this article, I recieved several recommendations from readers about additional resources that didn’t make the list. I’d like to add even more excellent JavaScript resources worth taking a look at. I’ll add more as suggestions come along.
Got any other resources you’d like to share with us? Make sure to talk about it in the comments section!

No comments:

Post a Comment