Web Directions South 2011

The Australian Web Industry Conference
October 1114 2011, Sydney

Development Track

This year we’ve put together dev sessions that would hold their ground at any developer event: CoffeeScript creator Jeremy Ashkenas is playing with JavaScript; Tom Hughes Croucher will get you up and running with Node.js; Addy Osmani knows the essential JavaScript design patterns; Nicole Sullivan shows off her CSS power tools; Ryan Seddon surveys the remote debugging landscape; Julio Cesar Ody builds killer mobile apps with CSS3 and Backbone.js; Damon Oehlman serves up some piping hot and very tasty HTML5 API soup; and Ben Birch shows us around inside PhoneGap.

HTML5 PhoneGap and What’s Next

Photo of Ben Birch

Presenter: Ben Birch

If this year is all about the mobile space maturing, then your web skills are where it’s at and a key player is PhoneGap, which supercharges your code and gets you into the app store(s).

We look at one small framework’s journey from birth at a 2 day hacking event to become the preeminent method for distributing packaged web apps on mobile devices. We will have a look at the all the goodies that PhoneGap provides, then peek inside and see how it integrates with the web stack. We will explore some of the pain points and work arounds. Then, we take a quick pass through the community and resources available. Finally, we finishing up with a look at where PhoneGap is going and explore the interesting places your web dev skills could take you in the next 12 months.

See the slides and hear the podcast

Scalable JavaScript Design Patterns

Photo of Addy Osmani

Presenter: Addy Osmani

Would you like to learn how to organize your JavaScript applications so they can scale? Be able to write apps that support switching out Dojo or jQuery without rewriting a line of code? Application architecture is one of those aspects to development where minor problems can lead to major issues later on if it isn’t done right.

Developers writing client-side apps these days usually use a combination of MVC, modules, widgets, plugins and frameworks for theirs. Whilst this works great for apps that are built at a smaller-scale, what happens when your project really starts to grow?. In this talk, I’ll be presenting an effective set of design patterns for large-scale JavaScript application architecture that have previously been used at both AOL and Yahoo amongst others to develop scalable applications.

You’ll learn how to keep your application logic truly decoupled, build modules that can exist on their own independently so they can be easily dropped into other projects and future-proof your code in case you need to switch to a different DOM library in the future.

See the slides and hear the podcast

Up and Running with Node.js

Photo of Tom Hughes-Croucher

Presenter: Tom Hughes-Croucher

Learn how to build high performance Internet and web applications with Node.js. In is session Tom Hughes-Croucher will demonstrate how to quickly build a high performance chat server using Node.js. This live coding exercise will provide a real insight into what it looks like to build a project in server-side Javascript. We will also cover how to deploy Node applications in production and look at just how far Node can really scale… A million connections and beyond?

See the slides and hear the podcast

Remote debugging landscape

Photo of Ryan Seddon

Presenter: Ryan Seddon

More and more as front-end developers we are presented with new challenges, with the explosion of the mobile web it has created a whole new territory. How do we test the vast array of devices out there? And what tools can help us make this a painless experience?

Testing web apps on mobile devices is a new challenge not yet fully explored. Let’s brush over the beginnings of web application testing and debugging and dive into current solutions for remote debugging. In this session we’ll cover what developers and browser vendors are doing to help tackle this problem, including some of the tools available to use today, and how some of these tools work internally and what the future may hold.

See the slides and hear the podcast

A Cup of CoffeeScript

Photo of Jeremy Ashkenas

Presenter: Jeremy Ashkenas

After a lost decade in the wilderness, JavaScript is starting to change and evolve. We’ll look at CoffeeScript, a little language that compiles into JavaScript, providing concise ways to to write many common JavaScript patterns. We’ll cover syntactic and semantic pain points, polyfills, sugar, and how you can start experimenting with your own flavor of JS.

See the slides and hear the podcast

CSS3 and Backbone.js for killer mobile apps

Photo of Julio Cesar Ody

Presenter: Julio Cesar Ody

Learn how to build great looking and high performance mobile web applications leveraging CSS3 animations and Backbone.js, along with some cool use cases for geolocation and localStorage.

This session will describe in length a boilerplate you can use for developing your own apps aimed at A grade mobile devices and tablets.

See the slides and hear the podcast

HTML5 API Soup — Recipes for Maximum Taste

Photo of Damon Oehlman

Presenter: Damon Oehlman

Most jaw-dropping apps use multiple HTML5 APIs in creative ways, rather than a single API in isolation. In this session we will explore ways you can implement and combine HTML APIs such as websockets, web workers, local storage, and geolocation to make awesome web apps. Then just for fun we’ll look at how you can dish up something really special by throwing in ingredients like canvas, video and WebGL.

See the slides and hear the podcast

CSS Power Tools

With a side helping of OOCSS
Photo of Nicole Sullivan

Presenter: Nicole Sullivan

Let’s admit it, the tools for writing CSS aren’t very advanced. For the most part, the people who write tools don’t know about CSS and the people who know about CSS don’t write tools. Quite a conundrum! In this session, you’ll learn about good tools that can make development faster and maintenance easier. We’ll also talk a bit about where we can go from here. What tools do we need as sites are becoming more and more complex? We need to get beyond tools whose primary goal is to avoid hand-coding and realize that, as our techniques for writing CSS become more powerful, our tools can too! Session will include:

See the slides and hear the podcast