32 Presentations

4 Keynotes

2 Days

1 AwesomeConference

Sponsors

About

Join us for the first ever jQuery Conference in Canada. A jam packed conference exploring cutting-edge tools & techniques for building web sites & applications in the modern web. You'll get the chance to meet & listen to some of the biggest names in front-end development.

The 2013 jQueryTO conference will feature a 2 day schedule with over 30 speakers. Local & foriegn talent has been amassed to provide insight into the future of development, design, user experience & mobile using JavaScript, HTML & CSS.

Venue

The Delta Chelsea 33 Gerrard St. W. Toronto, M5G 1Z4 Churchill Ballroom - 2nd floor

Get Directions

Schedule

Day 1

StartsTrack ATrack B
8:00 AM Registration
9:00 AM Opening Remarks
9:15 AM State of jQuery Dave Methvin State of jQuery 2013 This year is a significant one for jQuery; version 2.0 of the library is making a break with IE 6, 7, and 8 for environments where support for old IE isn't needed. Yet the jQuery team continues to develop and support jQuery 1.9 for the open web where old IE is (sadly) still common. Many other projects of the fledgling jQuery Foundation will also debut this year, such as a new Plugins site.
10:00 AM Networking Break
10:30 AM Hardware Access and Device APIs with JavaScript and HTML5 Wes Bos Hardware Access and Device APIs with JavaScript and HTML5 The browser on your device is growing up! With new HTML5 APIs we are able to access your device’s hardware and start writing apps that rival native big boys. HTML5 APIs include access the the device’s camera, microphone, GPS, compass file system and accelerometer. This talk will take a look at what we can start integrating into our apps today as well as what we can look forward to in future releases of mobile browsers. Be sure to make it out to this as as it will be packed with fantastic live examples including a mobile based motion detection security camera and a CSS3 speedometer! APIs Galore: How to use jQuery Mobile to join the API Economy Max Katz APIs Galore: How to use jQuery Mobile to join the API Economy With the advent of cloud services and mobile apps, all kinds of companies are exposing APIs – social networks like Facebook and Twitter of course, but also enterprises like Best Buy, Aetna, and ESPN. Even government agencies are exposing new APIs. But how can jQuery developers easily participate in this growing API economy? In this interactive session attendees will learn how to build a jQuery Mobile app with 3rd party REST APIs and MongoDB for data storage using the Tiggzi cloud-based app platform. Attendees will be able to test the app on their phones as its being built.
11:00 AM Break
11:05 AM You Want Client Side Package Management Ralph Holzmann You Want Client Side Package Management Node.js users know what I'm talking about. `npm install`. It's a beautiful thing. Guess what? It can be *that easy* for the browser too. This talk will outline where browser package management has been, and where it's going. I'll outline the pros and cons of the various client side package managers and show you how you can start using them in your existing projects today. Learn how to make you and your colleague's lives easier when stitching together third party code. When jQuery and CSS3 Collide Louis Lazaris When jQuery and CSS3 Collide Now that CSS3 has taken over tons of the effects we used to do with jQuery/JavaScript, how do we deal with this separation? I'll cover some principles on separation, along with some methods and events that can help. Specifically "transitionend", "animationend", and similar.
11:35 AM Break
11:40 AM How to make almost NaN dollars a day on a fake startup Jen Fong-Adwent How to make almost NaN dollars a day on a fake startup In this talk, Jen discusses Noodle Industries, an open source collective of projects on Github. She talks about coding for creativity, sometimes for money and how you can do the same and develop a brand using open source. State of jQuery Mobile Ralph Whitbeck State of jQuery Mobile Get the scoop on how to use jQuery Mobile to build dynamic HTML5-based web sites and apps that work on all popular mobile platforms from Ralph Whitbeck, jQuery Mobile's Developer Advocate. We'll cover the basics of how to use the framework, advanced tips and tricks, new features, and take a look into of the project's strategy and future roadmap to see how we will embrace principles of responsive design to create compelling experiences that span smartphone, tablet and even desktop devices from a unified codebase.
12:10 PM Break
12:15 PM Documenting Interfaces Darcy Clarke Documenting Interfaces On boarding someone new to a foreign project can be time consuming. Creating a platform or project that is meant to be used by thousands of people, with many moving parts, dependancies and paradigms will gain zero traction if good documentation and resources aren't provided. To add to this, until now, generating UI documentation has been mostly neglected. Developers focus on documenting functionality in JavaScript while leaving out critical HTML and CSS techniques/paradigms. In my talk, I'll address this issue and dive into new tools and conventions that any front end project or team can implement easily and help others understand their thinking and architecture. Submitting Bugs the Right Way TJ VanToll Submitting Bugs the Right Way Bugs: Fixing them is what we do, day in and day out. Yet when it comes to submitting bugs, many developers don't know where to start. In this talk, we'll walk through the process of creating a bug report, from finding an issue, to building a minimal test case, to reporting the issue on a bug tracker. Along the way we'll discuss tips and tricks that can help you with your day to day development. Submitting bug reports is important, open source libraries like jQuery depend on them to remain bug free. Come learn how you can help!
12:45 PM Lunch Break
1:45 PM Interacting with jQuery UI Kris Borchers Build an Experience... Not another framework Jason Scott Build an Experience... Not another frameworkIt is time to stop building your own framework, and spend time on what matters, the experience. Your user will not care that you wrote your own page navigation model or you found a workaround for a quirky device you never heard of until yesterday and neither should you. Jason will guide you though creating your own experience, leveraging the power of jQuery Mobile and share with you the lessons that he has learned in creating the BlackBerry 10 experience in jQuery Mobile.
2:15 PM Break
2:20 PM Avoiding Regressions in Third-party JavaScript Cameron Westland Avoiding Regressions in Third-party JavaScript There has been a lot of talk about Third-party JavaScript lately. Companies like Disqus, Facebook, and Twitter are literally building their businesses on it. A new generation of Third Party JavaScript is being developed which provides User Experience as a Service which can be embedded into other applications. When you combine the complexity of delivering a user experience to a third party website AND continuously innovating and deploying new code, you expose a new domain of problems. This talk will discuss the solutions that we've come up with at Kera to solve these problems. The anatomy of a jQuery UI widget Corey Frang The anatomy of a jQuery UI widget.Learn about enhancments in the jQuery UI 1.9 widget factory, and study how many of the widgets were rebuilt. We will learn how to organize code to make easily extensible and reusable plugins for your sites using the widget factory.
2:50 PM Break
2:55 PM Depending on jQuery Alex Sexton Depending on jQuery Over the last several years people have shifted from building sites that have small chunks of dom-centric code for quick interactions, to building full-fledge web applications that require hundreds of thousands of lines of code. We also see people shifting from centering their applications around jQuery, to using it as a dependency in an MVC app. Let's chat about how you might build a large application with jQuery, how you might modularize your app, and how you might deploy it for optimal speed. Big surprise, Alex is talking about large apps and jQuery. Expect some Backbone, Require.js, and a few boring network graphs. $.Deferreds Dan Heberden Cool dude talking about the coolest jQuery. I promise ;)!
3:25 PM Networking Break
3:55 PM Gone in 60 frames per second Addy Osmani
4:45 PM Closing Remarks
- ...
6:00 PM After Party - Monarch's Pub (Delta Chelsea)
2:00 AM Sleep

Day 2

StartsTrack ATrack B
8:00 AM Registration
9:00 AM Opening Remarks
9:15 AM State of jQuery UI Scott Gonzalez
10:00 AM Networking Break
10:30 AM The Holy Grail: Client and Server Tim Branyen The Holy Grail: Client and Server An ambitious talk discussing the holy grail of accessible web application development. Discussing CommonJS, RequireJS, and Backbone complications and solutions to sharing. An example application will be discussed and structure explained. Even if you are not interested in sharing code with the server, techniques and structure presented will be useful for any application in any framework. jQuery in the Enterprise - Building Business Apps with Wakanda Greg McCarvell jQuery in the Enterprise - Building Business Apps with Wakanda Wakanda is a full javascript stack including a NoSQL relational datastore, a high performance http server with a native REST interface and a seamless client side widget set based on JQuery. As a new platform, this talk will outline a unique environment for JQuery users - the enterprise and business apps. We have an elegant solution with a free studio and an open source stack.
11:00 AM Break
11:05 AM AngularJS just ain't just another MVC framework... Pearl Chen AngularJS just ain't just another MVC framework...You've probably heard of BackboneJS as a JavaScript MVC (Model-View-Controller) framework for building web apps but it's worth exploring other options when you want to get more out of your framework. AngularJS is highly opinionated which makes it easier for beginners to grasp core MVC concepts, while experts will enjoy its integration with Yeoman. And anyone who wants to write less boilerplate code will enjoy its data binding abilities. If you're like me, AngularJS just might turn into your favourite MVC framework. Widening your Javascript Application: Organizational Tips from the (Front End) Front Line Alex McPherson Widening your Javascript Application: Organizational Tips from the (Front End) Front Line Javascript applications need an amount of infrastructure and tooling commensurate with their complexity. Simple apps can (and do!) easily work with one file with one $(document).ready callback, but what happens when that file grows up? This talk will show you how to gracefully adopt various strategies to cope with a quickly growing app, as well as how to identify 'breakpoints' where those strategies are especially useful. We'll take a look at tools like folder and file organization, object oriented Javascript, event and component management, tests, AMD modules with require.js, and implementing a build process with grunt.js.
11:35 AM Break
11:40 AM The Dev Process - collaborating with designers, prototyping, & how to +1 your dev knowledge while at work Monika Piotrowicz The Dev Process - collaborating with designers, prototyping, and how to +1 your dev knowledge while at work We've all been to conferences where we're filled with ideas and inspiration, only to come back to work and be forced to put them all aside. Deadlines loom, designs change, and we still need some research time before we can confidently implement that "cool new thing" we saw. Using practical examples, this talk will introduce a process that supports on-the-job dev learning by alleviating these strains. This collaborative process brings developers into projects sooner, builds in research and prototyping time, and is centered around continuous communication with designers and clients. This talk will dispell the myth that process is a dirty word. Instead, it will demonstrate that a well-developed process can push technical boundaries, enhance working relationships, and increase the quality of your applications, all while maintaining dev sanity. All The Things: How (and Why) The jQuery Foundation Open Sourced Its Web Site Designs and Content Adam Sontag All The Things: How (and Why) The jQuery Foundation Open Sourced Its Web Site Designs and Content Over the past year, the jQuery Foundation has undertaken a major effort to go beyond just distributing open source JavaScript libraries, and adopt the same tools and processes for contributing to all of the Foundation's websites and content. In this talk, I'll describe motives for doing so (including fostering contribution, better automation of deploying, cutting down on duplication) and give a walkthrough of the stack, and explain all the new ways that you can get involved!
12:10 PM Break
12:15 PM Offline Mobile Web App Architecture & Design Boaz Sender Offline Mobile Web App Architecture & Design In this talk I'll step through mobile web application architecture with a focus on minimizing data transactions, and managing client-side state for offlineable apps. This is a framework agnostic talk where the focus is on application flow and design philosophy. jQuery Plugins as Angular Directives Alex Tucker
12:45 PM Lunch Break
1:45 PM Scaling Backbone.js Applications With Marionette.js Derick Bailey Scaling Backbone.js Applications With Marionette.js Nearly everyone understands how to build a simple JavaScript application these days. With the recent explosion of JavaScript MV* tools and frameworks, though, many of us find ourselves in over our heads, looking at patterns and practices that work well for small applications and pages but fail when scaling to anything substantial. In this session, Derick Bailey will give you an introduction to many of the patterns and practices that your JavaScript applications need to be scalable. You’ll learn about file and folder organization, the necessity of separating the various concerns of your application, patterns that aggregate and coordinate functionality from other parts of the system, and more. And all of this will be illustrated with Backbone, MarionetteJS and additional plugins that can give you an edge in creating scalable applications in JavaScript. Optimizing jQuery Tyler Savery Optimizing jQuery jQuery is great because it's very easy to make applications work with it. However, if you don't understand what is going on at the Javascript level, it's so easy to make mistakes that will make your code chug. I will be clearing up some of these common mistakes and present tips to optimize your users' experience on desktop, tablet, and mobile. Caching dom elements, Structuring JS app, Callbacks on multi-element selectors, Alternatives to jQuery animate() function, Late event listener bindings and Compression will all be covered.
2:15 PM Break
2:20 PM The Future of the Web is 3D Ross McKegney The Future of the Web is 3D Imagine a future Ferrari website where the user gets to experience the thrill of driving the F12berlinetta, integrated into the browsing experience. Or a Winnie the Pooh site implemented as a world where discovering features of the show happens while exploring and being guided by the characters from the series. The web is about to get a lot more interactive; as the experience of browsing converges with what users are learning to expect from apps. At Verold, we are building the tools and platform that will smooth this transition. This talk will be of interest to account managers looking to sell cutting edge desktop, mobile, or installation projects. And for the developers who will build these solutions. I'll cover the basics of what is possible with 3D on the web, and give a hands-on demonstration of how to make these experiences real using the Verold Studio tools and our developer API. Fixing Broken Windows: 10 small things that will instantly improve your project Sam Breed Fixing Broken Windows: 10 small things that will instantly improve your projectInformal social controls have a big impact on how what's considered acceptable behavior. Building on the theory that a single broken window on an urban block can lead to the perception of lawlessness and actually be a contributor to criminal behavior, my talk will focus on how to spot and repair the "broken windows" in your JavaScript applications. Even seemingly-trivial anti-patterns like commented-out code, mixed spaces and tabs, or missing documentation can be "broken windows" that lead to further decay and software entropy in your large jQuery projects. I'll cover 10 things to look for, from minor mis-steps, to organization and to common design patterns that will restore order in your applications.
2:50 PM Break
2:55 PM Developing with Grunt Dan Heberden Developing with Grunt Grunt is a task-based command line build tool for JavaScript projects. We'll cover its impressive project initialization and scaffolding capabilities, automated task running, and how to extend and customize your grunt project to suit your needs. If you've ever wanted an easy way to concat and minify your JavaScript and CSS, run your tests, lint your code, and incorporate custom build functionality: this is the tool for you. JavaScript Testing - Bringing It To The Next Level David Luecke JavaScript Testing - Bringing It To The Next LevelTesting JavaScript applications is hard. So hard in fact, that we are still looking for the "Holy Grail", an automated, cross-browser solution for running both, unit and integration tests for your JavaScript application. In my talk, I'd like to show a new way of easy, automated, cross-browser unit testing and also demonstrate the next generation of FuncUnit, a QUnit and jQuery based functional testing framework. The talk will be wrapped up with some more general ideas for making applications more easily testable and finding the right balance between unit and functional tests.
3:25 PM Networking Break
3:55 PM The 2013 Frontend Disapora Paul Irish
4:45 PM Closing Remarks

Speakers

hw"> Ralph Whitbeck Modern Web Advocate, appendTo
  • @darcy Darcy Clarke Senior UX Developer, Polar Mobile