I gave a number of talks this spring on jQuery and especially on some of the recent additions made in jQuery 1.4. Below are all the slides and demos that I’ve given.
The conferences / meetups that I spoke at (or will speak at, in the case of MIX), and the talks that I gave, are as follows:
- Webstock (Wellington, NZ) (Introduction to jQuery Workshop, Things You Might Not Know About jQuery)
- Future of Web Apps (Miami, FL) (Introduction to jQuery Workshop, Improve Your Web App with jQuery)
- jQuery Boston Meetup (Boston, MA) (Things You Might Not Know About jQuery)
- MIX (Las Vegas, NV) (Improve Your Web App with jQuery)
Introduction to jQuery Workshop
This workshop starts with an introduction to the fundamentals of jQuery (1 hour) and continues on with two pieces of hands-on coding (Todo list, 30 min, Social Networking Site, 1.5 hours).
In the workshop I also had two pieces of hands-on coding. The first was an ajax-y todo list the second was converting a functional social networking site into a one page application (making significant use of jQuery UI).
Source Code Reset Demo Edit Demo
Source Code Reset Demo Edit Demo
Things You Might Not Know About jQuery
A variety of things that people don’t know about in jQuery – including new things added in jQuery 1.4 (and newer), data bindings, custom events, and special events.
For the first jQuery Boston Meetup I built a game using the avatars of everyone in attendance. Sort of a space shooter style game you need to kick and kill the advancing hordes of users. I used this game as a way of demonstrating constructing an application that makes use of custom events, data binding, and building applications in an event-centric manner.
Improve Your Web App with jQuery
A different restructuring of the previous talk that emphasizes a more holistic approach to improving your web applications with jQuery
I’ve been messing around with a new piece of presentation software that I wrote for these talks. It’s still terribly crude and buggy (pretty much just got it working enough in order to run my talks in Firefox 3.6 and Chrome) – you’ve been warned. I hope to refine it at some point and release it for general consumption.
Guido (March 4, 2010 at 4:59 pm)
You’re going to new zealand but not australia? Thats a shame. Anyways enjoy the trip
JohnJ (March 4, 2010 at 5:25 pm)
Are you in fact going to be in Miami? This conference is in apparently in Europe.
“Future of Web Apps (Miami, FL) (Introduction to jQuery Workshop, Improve Your Web App with jQuery)”
John Resig (March 4, 2010 at 7:55 pm)
@Guido: I was in Sydney as well – I went to the Sydney jQuery meetup:
@JohnJ: I was already in Miami – the web site is already updated to reflect the next event (apparently in Europe).
Addy Osmani (March 4, 2010 at 9:50 pm)
Thanks for posting these, John! Fantastic work.
I just have one question about your Social Networking Demo – I can’t help but think looking at some of the screens that they could have been accessed quicker using some jQuery/Modal box type dialogs (for example, the send message/delete friend actions) rather than the page reloading each time. Do you have any plans on enhancing the demo some time in the future? :)
Tarik Guney (March 5, 2010 at 2:23 am)
What about Irvine CA :(
R64 (March 5, 2010 at 4:24 am)
Any chance videos of your talk will be posted online, sometime somewhere? This sounds really interesting but I can’t cough up the money to travel to see you :(
John Resig (March 5, 2010 at 10:36 am)
@Addy: I do use a modal dialog – you need to view the completed demo (click the url with ?action=done in it to view the completed one – it’s the one that I link to off of the screenshot).
@Tarik: That’s a very specific location you have there :) Any conferences in Irvine?
@R64: I know that there will be video of some of these talks coming (in particular the jQuery Meetup talk). I’ll post links to them on Twitter when they are released.
Phil Derksen (March 5, 2010 at 4:17 pm)
Thanks for posting these John. I was just looking over the “Improved Creation” slide in “Things you might not know…”, and just tried it out.
Small correction: I discovered that you need to specify “class” instead of “addClass”.
Compare http://jsbin.com/azafo3/2 and http://jsbin.com/azafo3/3
Thanks for the tips!
Dan (March 17, 2010 at 2:25 pm)
Really diggin’ the presentation tool; I look forward to it’s release!
Nick Tulett (March 22, 2010 at 11:12 am)
Don’t know if you’ve tried to view these presentations on a netbook (1024×600) in Chrome 4.1 on Win 7 but you lose the last line of every “page” and if you try to compensate with Zoom > Smaller, you end up in an endless loop of repainting and history injection.
Ajay Patel (May 25, 2010 at 6:47 am)