Top 10 JavaScript Frameworks by Google

January 2, 2011 · 37 comments

by Phong Thai

web-design-tutorial

JavaScript – an indispensable part for developing websites and web pages, whether that is simple pages or professional website, and whether you are senior or junior. Nowadays, JavaScript frameworks become more powerful and more specialized; they can do many things in just a few basic steps.

However, when you decide that you need a JavaScript framework it can be quite a challenge to figure out which framework to should use, which framework is best for your needs, … ? This is mainly because there are so many frameworks out there you can choose from.

In this post, I want to summarize the list of frameworks that Google assumes most popular, maybe you wonder why it’s Google? Because it’s the most popular search engine, so I think the results will be most relevant and accurate to the majority of web developers. Here’s the list of top JavaScript frameworks by Google, with the keyword: “javascript framework”.


ElegantThemes
ThemeForest

Advertisement

1. jQuery: The Write Less, Do More, JavaScript Library

jQuery: The Write Less, Do More, JavaScript Library
Yes, jQuery is really a new kind of JavaScript library, you can write less but do more; maybe jQuery is the JavaScript framework that have the biggest collection of plug-ins and add-ons. Some things you should know:

  • Current version: 1.3.2
  • Size: 19 KB (Minified and Gzipped) and 120 KB (Uncompressed Code)
  • Author: John Resig
  • Tutorials in 19 languages: 183 (data on 19 October, 2009)
  • Sites in use: 1000+
  • Plugins: 3.493 (data on 19 October, 2009)
  • Easy to learn
  • Support designers very well, by using CSS syntax
  • A lots of nice and lovely extensions
  • Great community, maybe largest
  • Used by millions of website and well known companies like Google, DELL, CBS, NBC, DIGG, Bank og America, WordPress, Drupal, Mozilla etc…

2. MooTools – a compact javascript framework

MooTools - a compact=

MooTools is an Open Source MIT application, which you have the possibility to use it and modify it in every circumstance.

  • Current version: 1.2.3
  • Uncompressed Size: 95 KB (client) and 22 KB (server)
  • Author: Valerio Proietti
  • Using: w3c, cnet, bing, …
  • Plugins on Official site: 4
  • Better OOP structure
  • The animations are smoother
  • The syntax and the handle of elements are more logical

3. Prototype: Easy Ajax and DOM manipulation for dynamic web applications

Prototype - Easy Ajax and DOM manipulation for dynamic web applications
Used by the big media companies and organizations, Protorype is unique JavaScript framework that is quickly becoming the codebase of choice for web application developers. And now with the latest version, 1.6.1, Protorype has improved performance, new user-action events, and compatibility with the mordern browsers.

  • Lastest version: 1.6.1 (1st September, 2009)
  • Uncompressed Size: 136 KB (closely 5.000 code lines)
  • Creator: Sam Stephenson
  • Using: NASA, CNN, NBC, …
  • Plugins: 150+
  • Better for the big web apps, give you many choices to write custom code

4. Dojo Toolkit: great experiences for everyone

Dojo - great experiences for everyone
Dojo Core features small, fast, deep – gives you a rich set of utilities for building responsive applications; great interface widgets with accessibility and localization built right in.

  • Lastest version: 1.4 Beta
  • Compressed Size: 26 KB (closely 5.000 code lines)
  • Foundation: Dojo Foundation
  • Dojo Users: AOL, IBM, Sun, …
  • Client-side data storage
  • Server-side data storage
  • Asynchronous communication

5. script.aculo.us: easy-to-use, cross-browser user interface JavaScript libraries

script.aculo.us - easy-to-use, cross-browser user interface JavaScript libraries
Update to the lastest version, script.aculo.us is an open-source JavaScript framework for visual effects and interface behaviours, have some improved features as: loading work maker, Windows Media player/RealPlayer checker, fixing old issues, … check more at here

6. ExtJS: Cross-Browser Rich Internet Application Framework

Ext JS - a cross-browser JavaScript library for building rich internet applications
ExtJS is a very cool cross-browser JavaScript framework for helping you build rich web applications, support all modern web browsers. Plus plenty of plugins and extensions, your ExtJS based web applications become more attractive by features such as well designed, documented and extensible Component model, high performance, easy-customizable UI widgets, …

7. UIZE: supporting widgets, AJAX, DOM, templates, and more

UIZE - a powerful, open source, object oriented JavaScript framewor
Some things about UIZE you should know:

– is an open source Javascript framework
– easy-to-change your own CSS skins
– plenty of built-in widgets
– amazing effects and powerfull features

8. YUI Library: is proven, scalable, fast, and robust

YUI is proven, scalable, fast, and robust
YUI
is one of the biggest JavaScript frameworks in this list. YUI has all things to help you build interactive web applications using techniques such as DOM scripting, DHTML and AJAX by a set of powerful utilities and controls. YUI has countless powerful features, plugins, extensions that take you the very long time to learn.

9. Archetype

Archetype JavaScript Framework
Let sees the power of Archetype by yourself to understand what it can do.

  • Lastest version: 0.10.0 (September 2009)
  • Size of package: 2.14 MB
  • Creator: Temsa & Swiip
  • In use: GifTeer, Meteo France, …

10. qooxdoo: the new era of web development

qooxdoo - the new era of web development
What’s qooxdoo? That’s great and powerfull JavaScript framework to create rich internet applications (RIAs) by taking the advantages of object-oriented JavaScript. qooxdoo includes a platform-independent development tool chain, a state-of-the-art GUI toolkit and an advanced client-server communication layer. It is open source under an LGPL/EPL dual license.

Conclusion

The top 10 Frameworks on Google is all worth investigating if you’re considering to start using one. It is likely that if you query the keyword: “javascript framework” on google, that you will not get the exact same result. This is not a problem really, because the all the JavaScript frameworks featured here are very good & powerful. It is likely that picking on of them will address all your needs.

Bonus: lists of top 10 JavaScript frameworks by Yahoo and Bing:

Yahoo

  1. Prototype
  2. MooTools
  3. YUI Library
  4. jQuery
  5. script.aculo.us
  6. ExtJS
  7. Archetype
  8. Helios: an open-source JavaScript framework
  9. UIZE framework
  10. qooxdoo

Bing

  1. MooTools
  2. Prototype
  3. UIZE framework
  4. ExtJS
  5. Dojo Toolkit
  6. jQuery
  7. Archetype
  8. YUI Library
  9. XUI: javascript micro-framework
  10. midori: Ultra-lightweight JavaScript Framework

Author : Cao Phong

Phong Thai is a Web Developer, Web Coder for 9+ years with PHP, JavaScript, CSS. He is the creator of JavaScriptBank.com & 9BlogTips.com – provide thousands of free JavaScript code examples, web development tips and tricks, helpful blogging guides. Follow him on twitter@js_bank or connect with him on facebook@jsbank if you want.

Unreliable 1Y0-A05 dumps can make matters worse. Get up to date 642-456 dumps and RH202 dumps to successfully complete certification.

{ 12 comments… read them below or add one }

NeelGo.com July 31, 2013 at 3:12 pm

my own experience says
qooxdoo is much better than any other fwork
since web is changing.

Reply

Bobby February 21, 2012 at 8:55 am

I though you will talk about the “Closure Library”

http://code.google.com/closure/library/index.html

Which is THE Javascript framework used BY Google.
Irrelevant Title….

Reply

vista-progs.blogspot.com October 25, 2010 at 2:29 pm

really nice topic …for java scripts i like them ..they are decorative and attractive but afraid of using them as they may affect my blog indexing or SEO….
thinking about it really … im trying to make my page load timing as short as possible and javascripts do the opposite … so i will search for alternative and try it dhtmlx toolkit

Reply

Paul July 7, 2010 at 2:46 pm

There is one more alternative for those who are searching for JavaScript framework for their project – dhtmlx toolkit: http://dhtmlx.com
This is a set of cross-browser UI components that let you build sophisticated web applications with fast-loading and responsive interface.

Reply

10top March 8, 2010 at 8:06 pm

I enjoyed reading your interesting yet very informative insights. I love reading and learning about 10 top, top 10 anything and everything. I am looking forward to reading more of your most recent articles and blogs. 😀 -10top

Reply

fairydy November 14, 2009 at 7:32 am

That’s so good,I like it very much

Reply

Ran Meriaz November 12, 2009 at 7:48 pm

And the big secret: Bindows.

It’s off the charts, but the most complete, feature rich, powerful object-oriented architecture, powering some of the most demanding enterprise Ajax applications with close to million business users.

It’s unique memory management technology supports back-end data of any size (even infinite) – see http://www.InfiView.com (100% developed in Bindows).

Reply

BloggingDeveloper November 12, 2009 at 4:24 pm

On November 5th, Google announced Closure Compiler for Javascript compression. The strongest part of the Closure Compiler is that it does not only remove whitespace but also it rewrites Javascript Code to make it smaller. It also optimizes your Javascript code to perform better.

http://www.bloggingdeveloper.com/post/Closure-Compiler-vs-YUI-Compressor-Comparing-the-Javascript-Compression-Tools.aspx compares the compression performance of YUI Compressor and Google Closer Compiler using the well-known Javascript Frameworks – Mootools, JQuery and Prototype:

Reply

Aaron Newton November 11, 2009 at 10:18 pm

see: http://mootools.net/more

excluding the localization plugins there are currently 55. that number grows fairly regularly.

Reply

tripwiremag November 12, 2009 at 2:07 am

Hi Aaron, thanks for sharing your knowledge on mootools. Let me know if you have more on your mind and if you would like to contribute with a post?

Reply

Aaron Newton November 11, 2009 at 6:54 pm

MooTools has far more than 4 official plugins; closer to 50. Unofficial plugins number in the hundreds.

Reply

tripwiremag November 11, 2009 at 9:54 pm

First a great thanks to Cao Phong for contributing with this awesome article.
@Aaron. Thanks for your input. I know there a tons of free plugins provided by the MooTools community but I’m not sure how many official plugins there are out there…

Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

{ 25 trackbacks }

Previous post:

Next post:


Web Analytics