Slashdot Mirror


JavaScript Devs: Is It Still Worth Learning jQuery?

Nerval's Lobster writes: If you're learning JavaScript and Web development, you might be wondering whether to learn jQuery. After nearly a decade of existence, jQuery has grown into a fundamental part of JavaScript coding in Web development. But now we're at a point where many of the missing pieces (and additional features) jQuery filled in are present in browsers. So do you need to learn jQuery anymore? Some developers don't think so. The official jQuery blog, meanwhile, is pushing a separate jQuery version for modern browsers, in an attempt to keep people involved. And there are still a few key reasons to keep learning jQuery: Legacy code. If you're going to go to work at a company that already has JavaScript browser code, there's a strong possibility it has jQuery throughout its code. There's also a matter of preference: People still like jQuery and its elegance, and they're going to continue using it, even though they might not have to.

41 of 218 comments (clear)

  1. VanillaJS Framework by lgw · · Score: 5, Funny

    I hear great things about that new-fangled VanillaJS framework. Very lightweight and fast, and already more popular than jQuery.

    --
    Socialism: a lie told by totalitarians and believed by fools.
    1. Re:VanillaJS Framework by halivar · · Score: 4, Funny

      I will admit: I looked at the page and was very interested and got super excited until I looked at the code examples harder. Well played, internet... well played.

    2. Re:VanillaJS Framework by Stewie241 · · Score: 4, Insightful

      Not defending jQuery, but I think the VanillaJS page over simplifies things and it's examples are not quite equal, and seem to tout themselves as far better, when in fact, there is a lot of complexity that something like jQuery hides.

      Examples:
      1. AJAX - sure, you can memorize the special incantation of r.onreadystatechange and remember that you have to check if readyState is 4 (4? wtf?) and status isn't 200. Except in the little excerpt there there is no error handling, and you basically end up with an unresponsive page with anything except the happy path.
      2. Fadeout - sure, you can do the same thing in approximately the same number of characters, but the vanilla example is far more difficult to read and interpret.
      3. Selector speed - sure, it might be a lot faster to do getElementById or getElementByTagName, but again, you sacrifice a lot of readability and without good tools it is really cumbersome to write.

      If performance is an issue, perhaps a different, Javascript compiler is the solution. But to suggest that everybody should hand code everything in native JS instead of using the more convenient syntax that a library provides is ridiculous.

    3. Re:VanillaJS Framework by _xeno_ · · Score: 4, Interesting

      Basically this. jQuery is one of those things that's almost literally bloat: it adds nothing that your browser can't already do, it just wraps around it. You absolutely do not need to use it.

      However it saves on development time. It's effectively a bunch of boilerplate code that you don't have to deal with. It's one of those things that if you were to decide not to use it, you're likely to end up rewriting a chunk of it by the time you're done anyway, so you might as well go ahead and use it from the get-go and save yourself some time.

      (Which isn't to say you should always use it. I've written pages where the amount of dynamic code was small enough that using jQuery would make absolutely no sense. But the larger your project gets, the more sense it makes to use frameworks like jQuery.)

      --
      You are in a maze of twisty little relative jumps, all alike.
    4. Re:VanillaJS Framework by _xeno_ · · Score: 2

      Well, sure, but here's a question for you:

      What was the first version of Internet Explorer that included it?

      Because the IE XMLHttpRequest documentation doesn't list it as a member. (I think that's the most recent documentation, but with MSDN, who even knows.)

      And their example uses oReq.readyState == 4 /* complete */.

      Then again, who knows when that page was last updated, and the standards they link to do include DONE. (And I checked: IE 11, at least, has it.)

      --
      You are in a maze of twisty little relative jumps, all alike.
    5. Re:VanillaJS Framework by lgw · · Score: 2

      In a trade-off between speed for the user, and development time, there's never one 100% true answer. Everything depends on what you're developing. But a bias towards the user is a good mindset to cultivate.

      --
      Socialism: a lie told by totalitarians and believed by fools.
    6. Re:VanillaJS Framework by rch7 · · Score: 2

      What you will learn about such libraries hard way is that they come and go, and when you come later and see the code that is a mess of few half-maintained half-abandoned libraries that were very cool & popular just few years ago, you are lost. And than suddenly you need to adopt to changing client base and your library maintainers didn't released new version and or are not interested in fixing bugs quickly. What is your plan then? Fork your own version? Fine, but the library tries to be super-universal and is super-complex and messy as a result. It may take much more time & money to maintain/debug it all by yourself comparing to custom in-house library that does just what is required, nothing more, doesn't need to cover special cases that you don't use, and is based on standard syntax and well defined logic that everybody knows very well and can read without learning some new or old "Invent The Wheel v4.99" reference manual.

  2. meh by XO · · Score: 3, Informative

    jquery makes an absolute mess out of javascript. Much of it involves DOM manipulation, which is something you generally want to avoid doing as much as possible. It's a pain in the ass to read, has a nasty learning curve, and it's slow as fk. Don't bother, unless you need to operate on existing jquery code, or have some other very specific reason to use it or interact with code that uses it.

    --
    "Champagne for my real friends - and real pain for my sham friends!" http://ericblade.postalboard.com/
    1. Re:meh by jandersen · · Score: 4, Informative

      It's a pain in the ass to read, has a nasty learning curve, and it's slow as fk

      Eh? It took me all of a few days to read through one of the many reasonable books about jQuery, and I found it makes it a whole lot easier to make sense of the DOM. In a browser, what else is there to JavaScript, other than messing around with the DOM? Of course, I only use JavaScript on the client side, for the server side I use J2EE and GlassFish. jQuery is perfect for my use and very, very easy to learn.

    2. Re:meh by meustrus · · Score: 5, Insightful

      Much of it involves DOM manipulation

      Yeah? Much of jQuery is about DOM manipulation. If you don't want to make a hole, don't use a drill.

      --
      I sometimes ask revealing, often ignorant-seeming questions. Maybe they're harder to answer than you think.
    3. Re:meh by halivar · · Score: 2, Insightful

      I agree in the main that DOM manipulation is the root of all JS sin, but the list you provide is not my experience as all. Like all code, well-written JS+jQuery ought to be self-documenting. Again: caveat is well-written. The learning curve is no steeper than figuring out JS's own native esotericisms. Yes, jQuery is slow as fuck. $('#something') is something like thirty times slower than document.getElementByID(), BUT when you are in the realm of milliseconds I will trade those extra keystrokes because I'm on a deadline, and the user will not notice 99 times out of a hundred. Almost every time I've had to diagnose slow jQuery, the author was doing something bad, like reselecting the same DOM elements in tight loops.

      IOW, there has to be a balance between performance and ease of development, and jQuery is my optimal point. Sometimes it's the wrong fit: when speed is the overriding factor above all others, it's not appropriate. But to extrapolate that into a never, never, never rule smacks me as throwing the baby out with the bath water. The problems with it are usually academic, not practical.

  3. jQuery is for lazy, fat, "developers" by Needs2BeSaid · · Score: 4, Insightful

    No. jQuery is bloated by their desire to make sure your pages are compatible with ancient Microsoft browsers.

    Also, jQuery allows developers to be very lazy. Example: Many sites bring back JavaScript in their AJAX returns. Did you know that jQuery uses EVAL to process any JavaScript returned via AJAX?

    jQuery UI is a horrendous memory and performance hog. There are billions of JavaScript code examples to perform the individual functions of jQueryUI without forcing your customers to download that monster.

    Don't be lazy.

    --
    Some things need to be said...
    1. Re:jQuery is for lazy, fat, "developers" by Anonymous Coward · · Score: 2, Insightful

      There are billions of JavaScript code examples to perform the individual functions of jQueryUI

      Billions of code examples to search and sort through that may or may not actually work, instead of one set of code that does most of what I need right now? And this is supposed to be an argument against jQuery?

  4. Don't forget legacy BROWSERS. by Ungrounded+Lightning · · Score: 4, Insightful

    A site may wish to continue using JQuery because some of its clients are using older browsers that don't support the new features that allegedly obsolete JQuery code.

    Drop the JQuery code and you drop those customers. Develop future code without it and the pages with the new features won't perform with people using legacy browsers. And so on.

    I've seen similar things happen over several generations of web technology. Use care, grasshopper!

    --
    Bantam Dominique roosters crow a four-note song. Once you've heard it as "Happy BIRTHday" you can't NOT hear it that way
    1. Re:Don't forget legacy BROWSERS. by PCM2 · · Score: 3, Insightful

      This is tricky. It's tempting to support legacy browsers, but if you do too good a job of supporting them, you don't incentivize your users to ever get their sh*t sorted, and upgrade their browsers. It's a vicious cycle I am eager to avoid.

      Yeah, but when your "users" are more properly called "customers" -- or even more important, "potential customers" -- then some web dev's desire to preach the gospel must take a back seat to doing the job the way it needs to be done, rightly or wrongly.

      It's fine to push for strict browser standards when the only people who will ever see your web applications are within your own organization. Public-facing sites are a different matter.

      --
      Breakfast served all day!
  5. JQuery is something to learn? by YoungManKlaus · · Score: 4, Insightful

    I always used it like "fuck it, I'm lazy, lets go"

    1. Re:JQuery is something to learn? by Tailhook · · Score: 4, Insightful

      Same here. $('select something').do_stuff(function (e) {...});

      That's about it. I don't feel as though I have some big investment there.

      --
      Maw! Fire up the karma burner!
  6. Uh... yes by ZipprHead · · Score: 4, Insightful

    That is, If you like frameworks that are bug free, extensively tested, universally known and hide a lot of the weirdness between browsers and browser versions providing a consistent interface, then yes, definitely learn it, it takes a lot of pain away.

    If you like pain, or always want to use the shinny new fancy thing, or want to learn all about IE9 and Opera edge cases. Then don't use it.

  7. SharePoint.... by oh_my_080980980 · · Score: 4, Funny

    So yes you need it to do the stuff that SharePoint doesn't do.

  8. Never learned jQuery by Anonymous Coward · · Score: 2, Informative

    I've been using Javascript for 15+ years and never seen the reason to learn jQuery.

  9. Re:IE 6 by irrational_design · · Score: 2

    It's not really old vs young. Most of those on older browsers are coming from foreign (non-USA) countries or are coming from corporate networks where they don't have control over what browser they are running.

    But can you give me an example of jQuery creating a terrible mobile experience? In my experience, I haven't noticed any issues on mobile devices for websites using jQuery.

  10. Know about it, don't learn it by Lobo42 · · Score: 2

    I don't know that I'd start a new project in it, but jQuery has permeated the web to such a degree that I don't know if you *can* be a front-end web without being vaguely aware of it. It's worth *knowing about* but there isn't much to *learn* about it. It's a library for "querying" the DOM the way you do in CSS; that's why it became popular -- that particular task used to be difficult, even though now it's part of the DOM. I still use it for Ajax requests, mainly because the syntax is easier for me to remember than native JS. But most of what jQuery made easy is already easy in bleeding-edge browsers and frameworks. The rest - promises, events, animations, ajax - are sort of "helper fluff" that are also better done in other libraries, or native JS/CSS at this point.

    TL;DR - Yes, you should learn it, but don't go out of your way to focus on it. If you understand modern JS & DOM techniques, then you'll be able to figure out jQuery easily when the day comes that you need to debug/modify/replace it.

  11. Yes... by hyperar · · Score: 3, Insightful

    As long as the web is used to publish extremely complex apps that should not be on the web, yes. Web is for video playback, reading news and blogs, Business app?, desktop, using web services.

    1. Re:Yes... by xxxJonBoyxxx · · Score: 4, Funny

      >> Web is for video playback, reading news and blogs, Business app?, desktop

      And how long have you been out of work?

    2. Re:Yes... by Literaphile · · Score: 3, Insightful

      Web is for video playback, reading news and blogs, Business app?, desktop, using web services.

      2001 called, it wants its antiquated attitude back. The web evolves: deal with it. You bitching about what the web is now isn't going to make us all suddenly go back to "video playback, reading news and blogs".

    3. Re:Yes... by hyperar · · Score: 2

      Today you need to learn Knockout, jQuery, Angular, and whatever hipsters are doing now. I could do the same with a desktop app and easily. And believe me, you don't need to apply 10 hacks for a button to be placed in the right place, you don't need to make anything float to align it to the left. I've been a web developer for 5 years, everyday, i hate it even more.

    4. Re:Yes... by Pascoea · · Score: 2, Insightful
      Go find a new job then.

      Don't want to? Then shut up and go back to programming a web-app. The Internet as you know it evolved, sorry it ran you over in the process.

      Business app?, desktop, using web services.

      Yeah, because everyone in my company is parked behind a desktop all of the time. And there are no conceivable reasons why they may want to interact with a business system when they are't at their desk.

    5. Re:Yes... by dissy · · Score: 3, Funny

      Web is for video playback, reading news and blogs, Business app?, desktop, using web services.

      I thought the web was to add inline images to your gopher menus :P

    6. Re:Yes... by SoCalChris · · Score: 4, Insightful

      Yeah, those are legitimate concerns with a web app. But pretending that developing a standalone app doesn't have its own set of equally painful problems is ridiculous.

      With a standalone app, you've got to worry about things like .Net versions, DLL hell, installation packages, keeping users up to date, windows versions, etc... Yes, modern languages will typically take care of most of this for you, but to pretend like they don't exist is just being naive.

    7. Re: Yes... by cyber-vandal · · Score: 2

      How portable will your desktop app be? How easy to deploy to 10000 users? How quickly can you turn round a layout problem? There's a reason why Web apps are popular - they're using a piece of middleware that is on every system. It looks like mobile apps are where you want to be. Tied into one platform and far less convenient to deploy any changes.

  12. Yes by Anonymous Coward · · Score: 3, Insightful

    JQuery as a framework is, frankly an utter joke. However, as a utility library it's invaluable. Learn Angular, React, or some other modern framework, and lean on JQuery for things those frameworks don't do. Simple example: Ever try to submit a from from an AngularJS controller? Yeah, not doable. Add 2 lines of jQuery? Done! So yes, learn it, and use it where it fits.

  13. I don't get it by quietwalker · · Score: 5, Insightful

    JQuery is just encapsulating some primarily dom-related javascript mainpulation routines with the added bonus that they try to eliminate browser differences. So, when you're saying that the browser provides features that jquery was needed for, you're really saying that the browser does things that javascript is no longer needed for.

    I'm just not seeing it though. With pure HTML & CSS and a fancy new browser, can I:

    Write ajax requests and parse and conditionally apply the results to various page elements?
    Dynamically add and remove elements?
    Perform liquid resizing based on a layout approach with glue elements and fixed-but-scalable areas - that is dependent upon the size of other elements rather than explicit browser viewport height/width?
    How about perform custom input box validation?
    Maybe set the value of a text box only when a value in a linked select box is changed?
    Pop up a dialog when a button is clicked?
    Start an image upload when you drag an image over a browser region?

    In the age of ever-closer-to-desktop-application websites, I'm only seeing more and more use of javascript frameworks - of which jquery is one - and frankly I don't see how anyone could do without it. Maybe if you're making static brochure sites, I suppose, but then you weren't using javascript for that anyway.

    Maybe the original poster meant to say "is it worth learning jquery instead of another framework or library" ? Otherwise I can't see anyone who actually creates web applications for a living even asking this.

    1. Re:I don't get it by TigerTime · · Score: 2

      Agree with this. Most of the people in this thread seem to spend their time reinventing the wheel as opposed to using libraries for what they are. Maybe certain aspects of JQuery aren't necessary anymore with modern browsers, but for the most part it offers some pretty awesome tools for getting your work done. And I'd prefer to spend more time developing unique stuff for my app as opposed to inventing generic stuff that JQuery already does fairly well.

  14. 5 Minutes by wisnoskij · · Score: 5, Insightful

    It takes like 5 minutes to learn to use Jquery, it is used in 90% of all current websites, and is still one of the best if not the best library for dynamic DOM manipulation and has incredibly easy to use ajax requests. I cannot imagine creating a dynamic website without it.

    --
    Troll is not a replacement for I disagree.
  15. Re:IE 6 by Frobnicator · · Score: 2

    In my experience, I haven't noticed any issues on mobile devices for websites using jQuery.

    I can list of plenty of mobile websites with horrible experiences that use jQuery.

    But I would not say jQuery itself is the reason for that.

    jQuery itself is not inherently a problem. It can be leveraged to do many memory-hungry and processing-heavy actions that break mobile browsers, but that's not jQuery's fault. People can make memory-hungry and processing-heavy PC-centric websites using many different tools.

    --
    //TODO: Think of witty sig statement
  16. Re:IE 6 by Lodlaiden · · Score: 3, Funny

    $20 and I'll turn off my regression suite that checks if your site is still IE6 compatible.

    --
    Suborbital [spaceflight] is the special olympics of spaceflight. - Rei
  17. You forget memory usage... by edxwelch · · Score: 4, Insightful

    When you load a javascript library the browser has to allocate memory to every function in the library even if they are never used and most web sites are using dozens of javascript libraries. While this is ok on a desktop, on a tablet - which has much less memory - it means you only have enough memory to have one web page open at a time. Some web pages are so infested with javascript libraries they cause the tablet browser to crash. And they are just displaying static text and images, something that doesn't require javascript.

  18. Re:Yes by erlando · · Score: 2

    Simple example: Ever try to submit a from from an AngularJS controller? Yeah, not doable. Add 2 lines of jQuery? Done! So yes, learn it, and use it where it fits.

    If you're not able to submit a form in Angular you're not using the framework correctly.

    --
    Remember, there are no stupid questions. But there are a lot of inquisitive idiots.
  19. jQuery is a crutch. by extranatural · · Score: 4, Interesting

    I saw a very insightful & funny talk on this subject last year. The very clever Josh Broton lays out exactly why jQuery has become an excuse not to do it right the first time. Basically it comes down to this:

    A few facts about latency and user behavior: "...250 milliseconds can be the difference between a return customer and an abandoned checkout cart." "...every 100 milliseconds of latency resulted in a 1% loss of sales." "...lose 20% of their traffic for each additional 100 milliseconds it takes a page to load."

    The average overhead jQuery adds to a website: "... add roughly 150ms to 1 full second of load time..."

    He goes into many other good reasons too, it's well worth a read.

    Slide here: https://github.com/joshbroton/...

  20. Expand details of part of the document by tepples · · Score: 3, Interesting

    Instead of throwing many small fragments at the browser and stealing user cycles to cobble it all together, just serve up the content already.

    I have served the document. Now the user has activated a control to expand details of a particular part of the document. How should this click be processed?

    Or I have served the document. Now the user has opted into real-time updates of part of the document. How should these updates be served?

  21. Sometimes you have to fire some customers by tepples · · Score: 2

    but when your "users" are more properly called "customers" -- or even more important, "potential customers" -- then some web dev's desire to preach the gospel must take a back seat to doing the job the way it needs to be done, rightly or wrongly.

    There are customers you want, and customers you ought to fire. Users of Internet Explorer before version 9 are probably using Windows XP, an operating system that cannot run IE 9. This means they're less likely to spend money on replacing a decade-old unsupported system with known security vulnerabilities. This in turn means they're less likely to have disposable income to buy your product. It also means they're less likely to care about the security of the payment information with which they buy your product, which can lead to an increased rate of chargebacks.