by John Resig
The state of the jQuery project in 2011. Covers details regarding jQuery core, jQuery mobile, and the project as a whole.
jQuery Mobile Team Design and Dev leads Todd Parker and Scott Jehl will discuss the challenges and philosophy of the jQuery Mobile Framework, and how to use it to create websites and apps that provide a cohesive, touch-optimized experience in the latest mobile browsers while maintaining universal accessibility in older and under-featured browsers, and for users of assistive technology. Todd and Scott will also bring us up to speed with recent developments in the jQuery Mobile framework and its roadmap for future releases and features.
by Estelle Weyl
The combination of CSS and jQuery allows for powerful DOM selection and traversal. By employing sizzlin' CSS selectors, and adding some more, jQuery allows us to target elements in a document based not only on parent, child, and sibling relationships, but on attributes, values, states, and relations the target elements do or do not have. You don't even need to have access to the site's HTML because there is no need to add classes and id's. When you know and understand the power of selectors, you can pinpoint any element on the page. Bonus is, this helps you with both jQuery and CSS. In this workshop we'll cover all the selectors, basic to advanced with emphasis on the advanced, including selectors unique to jQuery and those new to CSS3. It's double-duty: one workshop, two skillz..
jQuery UI provides abstractions for low-level interaction and animation, advanced effects and high-level themeable widgets. We'll discuss basic usage of these effects, interactions, and widgets and get a feel for the similarities across the API. We'll touch on what makes the API pattern powerful and how you can use it to create and test your own abstractions using the UI widget factory.
This talk would be a hands on introduction to jQuery Mobile. I'd discuss how to begin working with the framework, it's way of doing things, and how to build common UI items.
(Or How I became Crockford's Sworn Enemy)
by Rick Waldron
by Haymo Meran
Aloha editor was created on January 18th 2010, with the goal to revolutionize the WYSIWYG editor industry. We’ve built a strong community and have reached great success. Being the only true HTML5 ContentEditable solution allowing us to provide inline editing has put us far ahead the competition. Though adoption has been slow. The marriage with ExtJS is the main criticism fueling the slow adoption.
In February we held our Aloha Editor DevCon in Vienna and were blessed with the opportunity to work with Richard D. Worth, Scott Gonzalez and Jörn Zaefferer from the jQuery UI team. The Aloha Editor spirit is all about making the web exciting and having fun doing it. Through intense discussions and over several days we were persuaded enough to make the move to jQuery UI.
Development is now underway and this talk will cover the switch to jQuery UI, the affairs, the ups and downs, the heartbreaks and how it all happened. We’ll cover the essential networking and recruiting of the right people, the abstraction of the UI framework, and working with jQuery UI to create widgets. It’s more than just two frameworks working together intimately, it’s a love affair fueled with passion.
So to learn the why, the how, the what, and the what ifs of one of the biggest intimate encounters of frameworks in the wysiwyg world, then this is the talk.
by Yehuda Katz
"How do I build larger applications using jQuery?" It's a question that starts to creep into the minds of virtually every jQuery developer after building one or two non-trivial web applications. There are many good answers to this question, and even some talks at this conference that describe ways to use code organization and other techniques to help scale applications.
Perhaps he most important structural issue--one that virtually every one of these solutions tackles in one way or another--is the fact that many jQuery applications use the DOM to store facts instead of simply visual display. This means that changing visual display often has all sorts of implicit dependencies on other parts of the page, and not clean structural way to describe these dependencies.
In this talk, Yehuda will talk about how this problem manifests itself in real applications, and what techniques you can use to mitigate the problem. He learned many of these techniques by working on SproutCore, so he will use SproutCore's system as a reference where appropriate.
by Dan Heberden
About four nested callback functions later, you realize that something needs to change. You wanted this site's code to be organized, maintainable, testable and DRY right? Wouldn't it be nice if your callbacks could run when any function was complete, even asynchronous ones? And how about if you could chain that callback, for example, to the $.ajax() call you just made? Or build your own and decide when to fire any bound callbacks? Meet $.Deferred, the feature that satisfies all of these needs. Think of it like callbacks on steroids. Plus, it's already used by $.ajax() for asynchronous awesomeness. We'll cover the basics of creating and using Deferreds and bring those principles into application architecture. You'll learn great ways to integrate Deferreds into your site's code and reap some sweet benefits. In short, you'll learn how to separate components of your application amongst synchronous and asynchronous behaviors. Saving time and reducing headaches: included.
by Elijah Manor
The front-end and back-end of your application inevitably progress at different speeds. In order for each layer to develop independently it is optimal if the front-end piece can work regardless of the back-end, which is where the Mockjax plugin comes in. Mockjax can intercept and simulate ajax requests made with jQuery with minimal effort and impact to your code. Another tool that works well with Mockjax is mockJSON which provides a random data templating feature. This can be very handy when you want to mock a JSON response from a AJAX call, but instead of manually building the response you can build a template to do it for you.
As you are developing, Mockjax can also be used to help Unit Test your front-end code. You can setup a static mock responses to your requests and then Unit Test your Ajax success and fail event handlers.
The state of jQuery UI. What’s new in the coming 1.9 release, including greater extensibility, new widgets and streamlined APIs for existing widgets. What’s planned for 2.0 and beyond. Also, an update on the new jQuery UI Grid project.
by Rey Bango
Everyone wants to jump into HTML5 but how do you use the cool features of this new specification while ensuring older browsers render your web pages as expected? This is where polyfills and shims come in.
In jQuery 1.5, the ajax method, responsible for all ajax requests issued using the library, has been completely rewritten. Since 1.5 has been released, Deferreds and how they're used internally by ajax has seen a lot of press. Less known are the three ajax extension points introduced with the rewrite: - prefilters, - converters, - and, transports. In this talk, I'll present those extension points, how they can be used and, also, how flexible ajax can get when prefilters, converters and transports are used together.
by Philip Floetotto
Making movies is not all about pretty pictures as the management effort for creating Oscar winning movies is often a daunting tasks. This talk focuses on how jQuery is used to create flexible and intuitive tools to help our production team stay organized. We'll be covering some of our in-house plugins as well as how jQuery UI enabled us to create fast and interactive interfaces for both managers and artists.
by Matt Kelly
by Boris Moore
jQuery Templates is much more than an engine to render HTML strings from data. It is designed to harness data and provide the means to easily build rich, maintainable, responsive, interactive browser apps in ways which, without templates, would be a daunting task. jQuery Data Link is also coming of age, and this presentation will show how together Templates and Data Link open up powerful new possibilities. The presentation will address not just first steps in using templates and data linking, but also dive deeper into some of the more advanced scenarios, and reveal the potential provided by some of the less well-known features.
Many jQuery users were introduced to the library when they needed to make something "slide up" or "move around" on the page. Regardless of how far you have come in your use of jQuery since then, animation and css changes still have a very big and often overlooked role in providing feedback to the user. Even experienced developers make mistakes in their use of the CSS and animation methods when they don't understand how to balance CSS, jQuery and user expectations. Mistakes in this area can often lead to sluggish performance and broken interfaces.
Learn how to effectively use the jQuery CSS and animation methods to provide clear and meaninful feedback to the user while keeping your code efficient and fast. We'll take an in depth look at queing, easing, class manipulation strategies, animation strategies, custom animations and some additional tricks of the trade. Feel free to bring your laptop and follow along as you will be able to start using these techniques right away.
As a bonus, we will also take a brief look at how jQuery can be used as a backup for CSS3 transitions and animations.
by Garann Means
You thought you were building a proof of concept, but then that proof of concept went live. Or you had two weeks to build what should have taken two months. Or the handful of progressive enhancements you threw onto a page to make the user experience a little nicer somehow evolved into an entire single-page app. Whatever the reason, you find yourself with a full-blown application built around click events and a staggering number of plugins you can't even remember downloading. If you could rewrite it, you'd use a framework built with your scenario in mind, but it gets 17 zillion hits a day and there's only one of you and starting from scratch isn't an option. No, what you need is the philosophy of a framework broken into discrete pieces that fit into a one- or two-week release cycle. This talk aims to provide bite-sized strategies you can implement in a short amount of time with minimal disruption to unchain your application from the DOM.
All of jQuery UI's widgets and interactions are built from a simple, re-usable constructor - the jQuery UI Widget Factory. It provides a flexible base for building complex, stateful tools with a consistent API that offers much more control than a simple jQuery.fn.myPlugin. In 45 short minutes, we'll review the problems the Widget Factory solves for you, discuss basic infrastructure, build an extensible filtering widget, and wrap the whole thing up with a delicious, cheesy example - lickety split!
by Paul Irish
Get up to speed on all the newest features of a web app developer's best friend, Chrome Dev Tools. Update CSS styles on the fly, get a diff or save changes to disk. Set breakpoints on everything imaginable and dig into the networking stack to uncover performance gains.
Get better familiarized with the tools you depend on to make you productive. We'll cover tricks unique to jQuery development and techniques for faster iterations within your team, through collaborative debugging.
HTML5 is awesome ... well Wait.
It's great that the spec comes with all these fancy new tools, but how do I take this pristine spec, and shove it into some phones.
While there have been two ways now comes a third, but it's not easy. As a web engineer trying to build hybrid apps I use web tech as much as possible, but fall back to the native code when necessary.
Transitioning from a web developer to a mobile app developers isn't easy. It requires learning new coding techniques, but it also requires appropriating new ideas about how to use web technologies in the context of mobile apps. While using your existing web code skills is great start, most of us will need to learn some more to get into the mobile groove.
Some of the things we are doing that I will talk about are: start with minimal help like jQuery. MVC is the way to go, but don't let it run your world. The Application Cache is awesome when it works. It's what you do when it doesn't that counts. Native isn't something you get out of the way, it's a big partner. Not everything is cotton candy, and pop rocks. There needs to be some more fancy tools. Right now everything in hybrid app development is about compromise, and how to do that without holding a zealot's grudge against native code. Past the nuts, and bolts, I want to inform people about the daily struggle of building a hybrid app on multiple platforms.
by Chris Bannon
Check out Wijmo, the new kid on the jQuery block. Wijmo has more than 30 widgets built on the jQuery UI Widget Factory, 18 of which are completely open source. We will take a look at how to use the widgets to help create rich interfaces for the Web. We will also be using widgets from jQuery UI and Themeroller to polish it off. You will walk away convinced that jQuery UI and Wijmo combine to become a solid option for building rich UI.
by Eric DeLabar
Using concepts borrowed from the RSpec and Cucumber projects we'll explore the process of converting a stakeholder-readable design specification of a user interface feature into a QUnit test suite.
We'll use the excellent Pavlov behavioral API to to produce readable, high-level tests that describe and test the way a UI works, not the way it should be programmed. Once a few tests are written, we'll implement the feature using the typical TDD red, green, refactor approach.
Throughout the talk, all of our examples will attempt to provide a real-world implementation of TDD without boiling it down to a simple abstraction that requires too much interpretation to apply to production code.
by Darcy Clarke
Don't be surprised if you walk away from this talk with the tools to build something that users can't stop tweeting and retweeting about; like it was a Justin Bieber song.
User experience has never been more important. You only get one shot at impressing a new user and jQuery can help you meet that challenge. Cracking open the core UX philosophies and learning to master usability, user interface and interaction, with the help of jQuery and friends, this talk will give you the tools and understanding to create a meaningful experience for any project.
by Boaz Sender
Members of the jQuery Team answer your questions.
16th–17th April 2011