Build your Own JavaScript Library: Premium Series
plusvideos

Build your Own JavaScript Library: Premium Series

on May 12th 2011 with 20 comments
Download Source Files

Over the course of the past few years, the JavaScript community has exploded exponentially. It it’s safe to assume that libraries are the primary reason we’ve seen such astonishing growth. Thanks to these libraries, the differences between the popular browsers are minimized, making cross-browser development much easier than it used to be. We’ll build our own in this series!

Become a Premium member to read this kick-butt tutorial and screencast series, as well as hundreds of other advanced tutorials and screencasts.

Included in this Two-Part Series:

  • A full, in depth, written tutorial for each lesson.
  • For visual learners, the same tutorial, in video form – hosted by Jeremy McPeak
  • Each lesson’s source code

Join Net Premium

NETTUTS+ Screencasts and Bonus Tutorials

For those unfamiliar, the family of Tuts+ sites runs a premium membership service. For $19 per month, you gain access to exclusive premium tutorials, screencasts, and freebies from Nettuts+, Psdtuts+, Aetuts+, Audiotuts+, Vectortuts+, Phototuts+, and CgTuts+ For the price of a pizza, you’ll learn from some of the best minds in the business. Become a Premium member to read this tutorial, as well as hundreds of other advanced tutorials and screencasts.

Jeremy McPeak is jwmcpeak on Codecanyon
 
Enjoyed this Post?

Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!

By

Rollover to read this author's bio or click through to see a full list of posts by this author.

I started my development career on the client-side writing JavaScript and DHTML components in my spare time. In 2005, Nicholas C. Zakas asked me to join him in writing the first edition of Professional Ajax for Wiley Publishing. Since Professional Ajax, 1st Edition, I've been blessed to take part in other book projects: Professional Ajax 2nd Edition, and Beginning JavaScript 3rd and 4th editions.  

Plus Premium
 
 
Note: Want to add some source code? Type <pre><code> before it and </code></pre> after it. Find out more
  • http://laroouse.com piyansitll

    zaten hep bu tür yazılar paralı oluyor

  • Yosy

    Can you upload to the tuts+ marketplace?
    and I would like to hear more about the result of this video tutorial – what the javascript library will contain?

  • Dhruv Kumar S

    I am trying to login to my Tuts+ account from past 5 days, but i can’t login.

    I am using the correct username and password, I already created 3 tickets, but haven’t heard any replies yet., Please help me. username : idhruv

    • http://support.envato.com Drew

      Hey Dhruv,

      Oh no, that’s not good! BTW, I’m Drew, the Envato Support team manager. No worries, send me an email via my profile page here – http://themeforest.net/user/creatingdrew (assuming you have a marketplace account, if you register one you’ll be able to contact me via that page) with the ticket ID and details on your issue. We’ll get any issues fixed up for you! ;)

  • http://brianegan.com Brian Egan

    For those who may be interested in learning more, Alex Young of DailyJS (an awesome JavaScript blog) has put together a free eBook on how to build a JavaScript framework as well:

    http://dailyjs.com/2010/12/02/framework-review/

    Cheers,
    Brian

  • http://www.marioplanet.com Zach

    Awesome tut, thanks for making!

    I had a question when I was watching, though. I haven’t finished it yet, so if it gets answered later, sorry about that!

    When you are referring to:

    document.attachEvent(“onclick”, foo);document.detachEvent(“onclick”,foo);vsdocument.addEventListener(“click”,foo,false);document.removeEventListener(“click”,foo,false);

    Are these both “Dom-Level-0″ event handlers? You say that the listener event handlers are basically like the attach and detach event handlers, except they have support for the bubbling and stuff like that.

    So, if I only want to support the modern browsers (Chrome, Safari, Firefox, Opera) and IE, which one of these two do I use?

    Also, the modern browsers (Chrome, Safari, Firefox, Opera) use a different set of handlers, correct?

    Thanks!

    • http://marioplanet.com Zach

      I apologize for the sloppy code formatting.. I meant to write it out like so:

      document.attachEvent(“onclick”, foo);
      document.detachEvent(“onclick”, foo);

      vs

      document.addEventListener(“click”,foo,false);
      document.removeEventListener(“click”,foo,false);

  • Don Vetrulli

    I just heard about this cool site which allows you to pick from a menu of functions, objects, and classes to create your own javascript library. The site is at http://jpaq.org/ . This is what I think libraries like jQuery and Prototype should move towards.

  • Wouter J

    Is this not the same tut as you get with joining in with the newsletter some weeks ago?

    • http://twitter.com/michalkozak Michal Kozak

      That was part 1, this is complete, two-part series.

  • http://twitter.com/michalkozak Michal Kozak

    What’s covered in part 2? There’s no information about that here anywhere, like with part 1 (which I can’t find anymore, so I assume you just joined them together).

  • http://www.arnaud-olivier.fr Arnaud

    Thanks :)

  • http://www.noyasystem.com طراحی وب سایت

    This is awesome.
    Thanks Jeremy.

  • http://www.jguiss.com Créer un site de rencontre

    Thanks again for this tutorial !

  • Bigfellahull

    At the end of part two it says “In Part III, we’ll add Ajax capability to our library, and we’ll start seeing how we can use our library to write some components”.

    Will there be a part 3 any time soon?

    • http://www.wdonline.com/ Jeremy McPeak
      Author

      Hopefully =)

  • Gene

    I believe this line is not exactly correct:
    else if (type === “object” && obj.nodeType !== “undefined” && obj.nodeType === 1)

    Either undefined must be typed without quotes or typeof operator should be used.

    Thanks.

    • http://www.wdonline.com/ Jeremy McPeak
      Author

      You are correct. Thanks for spotting that.

  • www.andaprest.com

    Bon taf, cordialement