Why It Is Good Idea To Learn jQuery in Year 2013?

Posted in 1WD Features, Coding, JS & AJAX, Web Design2 years ago • Written by 10 Comments

If you have anything to do with web development, you probably have heard the term ‘jQuery’ over a million times already. Believe it or not, jQuery has risen to popularity in a short span of time and today it stands as one of the most well-loved and popular entities when it comes to developing for the internet.

In this article, we shall be taking a look at jQuery in detail — its origins, advantages, disadvantages, and anything else that matters.

Introduction

jQuery is an open source, cross-browser, CSS3 compliant JavaScript library that has made client side scripting relatively easier. It can produce dynamic web pages as well as Flash-like animations. Like it or hate it, jQuery enjoys tremendous popularity among developers, and it surely deserves its popular spot! As stated by Wikipedia, jQuery today powers over 55% of the 10,000 most visited websites on the internet.

jQuery Logo

Image Credit

Origins of jQuery

jQuery was first released in January 2006 at BarCamp NYC by John Resig. Support for AJAX was added the very next month, and jQuery moved to the completely open source MIT license later in May that year. Following that, September 2006 witnessed the release of XML version of the API and the Visual jQuery Magazine.

Twelve months later, in September 2007, a new user interface library greeted jQuery. Things had already started to gain momentum, and exactly a year later, in September 2008 (Wow! September surely seems to be the preferred month for jQuery folks), Microsoft and Nokia announced their support for jQuery. Microsoft has tried to adopt jQuery for use within Visual Studio (so as to integrate it with its ASP.NET AJAX Framework), whereas Nokia has integrated jQuery in the web run-time widget development platform.

Origins of jQuery

Image Credit

2009 was the year that saw jQuery gain wide acceptance and build an outreach platform. The first-ever jQuery podcast and an online summit were accomplished in November, whereas December greeted jQuery with the .net Magazine’s Award for Best Open Source Application. Later, in 2010, a mobile project was announced for jQuery. The next two years saw many new event APIs and re-writing of certain selector engines, and the rest is history!

The Advantages

The foremost advantage of jQuery is that it is not rocket science, in comparison to its alternatives. You can easily add plugins on top of the base library, and this in turn saves a lot of time and efforts (and head aches). In fact, one of the primary reasons why Resig and his team considered the creation of jQuery was to save time — when it comes to development for the web, time matters a lot, and jQuery caters to the shortage of time by being a flexible and nimble solution.

Furthermore, jQuery comes with the MIT License, which ensures that the project enjoys fast and steady growth as there are no legal or licensing hassles to worry about. This in turn has led to the growth of a loyal and broad community, thereby leading to jQuery’s popularity. Bug fixes, patches, updates, support — have no fear, you are in safe hands with the jQuery community!

Advantages of jQuery

Image Credit

It is common knowledge that jQuery interacts well with AJAX (else, why would Microsoft bother with it in the first place?). This gives jQuery a distinct advantage over the other complicated alternatives such as the likes of Flash and bare CSS.

In short, to sum it up:

  1. jQuery is flexible and speedy for development.
  2. It comes with MIT License and is open source.
  3. The project is supported by a wonderful community.
  4. IT HAS PLUGINS!
  5. Bugs are killed…..er…. fixed pretty quick.
  6. IT LOVES AJAX!
  7. In other words: jQuery makes programming a piece of cake (well, sort of).

The Disadvantages

Unarguably, the biggest drawback with jQuery is its multiple versioning. Even if you run the latest update (and fix the known bugs), you will have to choose either to host your library yourself (and continually update), or, alternatively, load the library from Google. The latter seems plausible, but it can risk incompatibility with your code as and when newer versions are released.

With Microsoft on its side, jQuery surely seems to be winning the battle, especially because the AJAX control toolkit is too bulky for most people. However, if you have chosen jQuery to save time and/or make up for your lesser level of programming knowledge, getting jQuery to play fair with AJAX will give you nightmares. For instance, even minor things such as the differences between GET and POST HTTP can make you need aspirin.

A super-active community provides steady development for jQuery. However, if you yourself are not active enough to match pace with the community, you will definitely miss out on some parts or the other of the rapid process of jQuery development.

Disadvantages of jQuery

Image Credit

Earlier in this article, we discussed how jQuery can be quick to learn. Yes, that is true. It can be quick to learn, but it is always difficult to master. Getting animations to work in jQuery at a pace that is comparable to those in bare CSS is always a tough job. Why? First, DOM manipulations are slow anyway and secondly, CSS uses browser-side transitions (and relies on good ol’ C++), which is faster than JavaScript on any given day.

jQuery’s biggest attribute is jQuery Spaghetti. Basically, jQuery is a library that aims to help you with DOM and CSS selectors (it does that pretty well, mind you). However, problem arises when people start treating jQuery as a framework for client-side interaction. The outcome? A mammoth .js file, full of callbacks, generic names and of course design changes.

Lastly, another trifle arises when it comes to JavaScript Object Notation, that is, if $.get is used in lieu of $.getJSON — ah, the chaos!

Again, to sum it up:

  1. You just have to get the version correct, and pray that you keep getting it correct.
  2. jQuery is easy to accomplish, but not always easy to implement as compared to, say, CSS.
  3. Even though it is swift, the end product may not always be fast-paced.
  4. If improperly used as a framework, things can get complicated beyond measure.

jQuery Mobile — Oh, The Goodies!

Before we wind up this article, let’s take a look at jQuery Mobile as well.

Basically, jQuery Mobile is a web framework which is optimized for touch devices. Naturally, such optimization means that it can work with a great deal of devices, ranging from smartphones to tablets. The latest stable build 1.1.1 was released in July this year.

So, does it have any advantages of its own? Of course it does!

  1. jQuery Mobile is compatible with most major mobile platforms, such as iOS, BlackBerry, Windows Mobile, Symbian and Android.
  2. Since it is based on jQuery (obviously!), it does not have a difficult learning curve for new developers.
  3. It supports custom themes.
  4. It is extremely lightweight and quick (in development mode, the size goes somewhere around 70 KB).
  5. Let’s mention it again: it is touch-optimized.
  6. It loves responsive designs, HTML5 and AJAX.

Sounds like the Duke Nukem of mobile web frameworks, right? Indeed, jQuery Mobile has got its own share of awesomeness. However, it isn’t without some minor drawbacks either:

  1. First up, if you directly import the jQuery Mobile library (alongside its CSS file), it will generate new calls to the server (and possibly slow down the overall functioning of your app).
  2. The styling of jQuery Mobile has a good deal of rounded corners gradients — what if your design doesn’t have any? 

Conclusion

Regarding future plans, by early 2013, jQuery intends to drop support for older versions of IE in order to reduce file size and accomplish performance improvement.

jQuery Conclusion

Image Credit

Where is it headed, then? Well, advantages and disadvantages apart, the future surely looks bright for jQuery. It does not have to face an army of haters like Flash, and despite having humble beginnings, today it commands the respect of all and sundry.

Like it or not, jQuery has indeed made our lives easier. It definitely is one of the best libraries out there when it comes to JavaScript. At the end of the day, jQuery, just like any other tool, is only as good as the programmer. As a programmer, one needs to be extra aware and pro-active when using jQuery, in order to match pace with the community and get the maximum advantages out of jQuery.

Do you use jQuery in your projects? How has your experience been? Feel free to share your thoughts with us in the comments below!

35 Written ArticlesWebsiteGoogle+

Sufyan bin Uzayr is a freelance writer and artist. He writes for several print magazines as well as technology blogs, and has also authored a book named Sufism: A Brief History. His primary areas of interest include open source, mobile development, web CMS and vector art. He is also the Founder and Editor-in-Chief of an e-journal named Brave New World. You can visit his website, follow him on Twitter or friend him on Facebook and Google+.

10 Comments Best Comments First
  • Ryan

    Wednesday, September 19th, 2012 15:26

    6

    I’ve been using jQuery for quite a while now and the day MS started their support wasn’t the happiest of my life but it’s a close third ;) *winking at my wife*. Used to be a fan of prototype. Even gave DOJO a whirl but dropped it all because jQuery is a lot smaller, extensible and that chaining is just pure awesomeness. But there are a few things you need to consider. It’s really easy to write but it’s also easy to write javascript that wreaks havoc on your website performance. Here are a few articles:

    http://24ways.org/2011/your-jquery-now-with-less-suck
    http://www.codeproject.com/Articles/346904/Common-Pitfalls-of-jQuery

    That about covers it… And remember .. a little goes a long way LOL, too much sliding in and out will confuse the hell out of me so be kind.

    +4
  • Jack Walsh

    Monday, December 10th, 2012 20:53

    9

    “load the library from Google. The latter seems plausible, but it can risk incompatibility with your code as and when newer versions are released.”

    - is this correct? someone correct me if I’m wrong, but this is only a problem if you use (1.8 instead of 1.8.3). Otherwise, even if there is an upgrade to 1.8.4, you’ll still be using 1.8.3 unless you physically change the URL to 1.8.4. If my statement is not correct, then it doesn’t make sense because then the problem mentioned in the article would exist.

    +3
  • Tacloban Techie

    Tuesday, September 18th, 2012 03:06

    5

    Good read. I love jQuery and will continue using it in websites I design and develop. You are correct when you say jQuery is easy to learn but difficult to master. This fact does not, however, stop webdev newbies like me from trying our damned best at trying to master it. Thanks for sharing!

    +2
  • Chad Ridings

    Thursday, June 20th, 2013 20:48

    10

    I’ve reversed the process. I started writing JavaScript around 1998, at that time it was even a bigger mess than it is now. I didn’t have much of a use for JavaScript at the time, so naturally (not forced) I started to pick up CSS2 and just kinda let my JavaScript skills fall to the wayside.

    BUT, the web world has changed so much since those days… and I literally find myself using jQuery daily. Right now jQuery is the future for Front End Developers/Designers If you don’t believe it is the future, then you need to understand that if it’s not the future… it’s the stepping stone you need to step onto in order to progress your career.

    It is an easy adaption if you’re familiar with CSS. Just go for it… the only way to learn is to dig in.

    +2
  • adroit seo

    Thursday, November 15th, 2012 13:53

    8

    jQuery means saving development time and adding something attractive to own projects

    +2
  • mary brose

    Tuesday, September 18th, 2012 02:55

    3

    You have shared very important points regarding webdesigner. I love to read such topics. Keep sharing such information in future as well.

    +1
  • Maidul

    Monday, September 17th, 2012 12:20

    2

    Jquey will save your time for coding and give you more time for reading :)

    +1
  • Rositsa 'roz' Zaharieva

    Tuesday, September 18th, 2012 02:58

    4

    I’ve got the impression that the Author just loves jQuery – seems so passionate when talking about its advantages, it’s just adorable. I have the same love for CSS and playing with WordPress :)

    I haven’t found the time to learn jQuery yet, although I know it would make a great difference in my work as a webdesigner/dev – I just tend to procrastinate a lot (bad me, bad!). The article above just made me revise my goals again and consider finally trying jQuery out.

    Thank you for the inspiration! :)

    +1
  • Selva

    Monday, September 24th, 2012 08:14

    7

    Good read.. We know JQuery is going to pick an untouchable position in near future.. Love JQuery.

    +1
  • Omar Sani

    Monday, September 17th, 2012 10:19

    1

    Web site create jQuery is invention great for us.

    -1
  • Chad Ridings

    Thursday, June 20th, 2013 20:48

    10

    I’ve reversed the process. I started writing JavaScript around 1998, at that time it was even a bigger mess than it is now. I didn’t have much of a use for JavaScript at the time, so naturally (not forced) I started to pick up CSS2 and just kinda let my JavaScript skills fall to the wayside.

    BUT, the web world has changed so much since those days… and I literally find myself using jQuery daily. Right now jQuery is the future for Front End Developers/Designers If you don’t believe it is the future, then you need to understand that if it’s not the future… it’s the stepping stone you need to step onto in order to progress your career.

    It is an easy adaption if you’re familiar with CSS. Just go for it… the only way to learn is to dig in.

    +2
  • Jack Walsh

    Monday, December 10th, 2012 20:53

    9

    “load the library from Google. The latter seems plausible, but it can risk incompatibility with your code as and when newer versions are released.”

    - is this correct? someone correct me if I’m wrong, but this is only a problem if you use (1.8 instead of 1.8.3). Otherwise, even if there is an upgrade to 1.8.4, you’ll still be using 1.8.3 unless you physically change the URL to 1.8.4. If my statement is not correct, then it doesn’t make sense because then the problem mentioned in the article would exist.

    +3
  • adroit seo

    Thursday, November 15th, 2012 13:53

    8

    jQuery means saving development time and adding something attractive to own projects

    +2
  • Selva

    Monday, September 24th, 2012 08:14

    7

    Good read.. We know JQuery is going to pick an untouchable position in near future.. Love JQuery.

    +1
  • Ryan

    Wednesday, September 19th, 2012 15:26

    6

    I’ve been using jQuery for quite a while now and the day MS started their support wasn’t the happiest of my life but it’s a close third ;) *winking at my wife*. Used to be a fan of prototype. Even gave DOJO a whirl but dropped it all because jQuery is a lot smaller, extensible and that chaining is just pure awesomeness. But there are a few things you need to consider. It’s really easy to write but it’s also easy to write javascript that wreaks havoc on your website performance. Here are a few articles:

    http://24ways.org/2011/your-jquery-now-with-less-suck
    http://www.codeproject.com/Articles/346904/Common-Pitfalls-of-jQuery

    That about covers it… And remember .. a little goes a long way LOL, too much sliding in and out will confuse the hell out of me so be kind.

    +4
  • Tacloban Techie

    Tuesday, September 18th, 2012 03:06

    5

    Good read. I love jQuery and will continue using it in websites I design and develop. You are correct when you say jQuery is easy to learn but difficult to master. This fact does not, however, stop webdev newbies like me from trying our damned best at trying to master it. Thanks for sharing!

    +2
  • Rositsa 'roz' Zaharieva

    Tuesday, September 18th, 2012 02:58

    4

    I’ve got the impression that the Author just loves jQuery – seems so passionate when talking about its advantages, it’s just adorable. I have the same love for CSS and playing with WordPress :)

    I haven’t found the time to learn jQuery yet, although I know it would make a great difference in my work as a webdesigner/dev – I just tend to procrastinate a lot (bad me, bad!). The article above just made me revise my goals again and consider finally trying jQuery out.

    Thank you for the inspiration! :)

    +1
  • mary brose

    Tuesday, September 18th, 2012 02:55

    3

    You have shared very important points regarding webdesigner. I love to read such topics. Keep sharing such information in future as well.

    +1
  • Maidul

    Monday, September 17th, 2012 12:20

    2

    Jquey will save your time for coding and give you more time for reading :)

    +1
  • Omar Sani

    Monday, September 17th, 2012 10:19

    1

    Web site create jQuery is invention great for us.

    -1

Comments are closed.

54.211.213.10 - unknown - unknown - US