Web Directions

object(WP_Query)#70 (47) { ["query_vars"]=> array(56) { ["tag"]=> string(10) "javascript" ["error"]=> string(0) "" ["m"]=> int(0) ["p"]=> int(0) ["post_parent"]=> string(0) "" ["subpost"]=> string(0) "" ["subpost_id"]=> string(0) "" ["attachment"]=> string(0) "" ["attachment_id"]=> int(0) ["name"]=> string(0) "" ["static"]=> string(0) "" ["pagename"]=> string(0) "" ["page_id"]=> int(0) ["second"]=> string(0) "" ["minute"]=> string(0) "" ["hour"]=> string(0) "" ["day"]=> int(0) ["monthnum"]=> int(0) ["year"]=> int(0) ["w"]=> int(0) ["category_name"]=> string(0) "" ["cat"]=> string(0) "" ["tag_id"]=> string(2) "29" ["author_name"]=> string(0) "" ["feed"]=> string(0) "" ["tb"]=> string(0) "" ["paged"]=> int(0) ["comments_popup"]=> string(0) "" ["meta_key"]=> string(0) "" ["meta_value"]=> string(0) "" ["preview"]=> string(0) "" ["s"]=> string(0) "" ["sentence"]=> string(0) "" ["fields"]=> string(0) "" ["menu_order"]=> string(0) "" ["category__in"]=> array(0) { } ["category__not_in"]=> array(0) { } ["category__and"]=> array(0) { } ["post__in"]=> array(0) { } ["post__not_in"]=> array(0) { } ["tag__in"]=> array(0) { } ["tag__not_in"]=> array(0) { } ["tag__and"]=> array(0) { } ["tag_slug__in"]=> array(1) { [0]=> string(10) "javascript" } ["tag_slug__and"]=> array(0) { } ["ignore_sticky_posts"]=> bool(false) ["suppress_filters"]=> bool(false) ["cache_results"]=> bool(false) ["update_post_term_cache"]=> bool(true) ["update_post_meta_cache"]=> bool(true) ["post_type"]=> string(0) "" ["posts_per_page"]=> int(15) ["nopaging"]=> bool(false) ["comments_per_page"]=> string(2) "50" ["no_found_rows"]=> bool(false) ["order"]=> string(4) "DESC" } ["tax_query"]=> object(WP_Tax_Query)#206 (2) { ["queries"]=> array(1) { [0]=> array(5) { ["taxonomy"]=> string(8) "post_tag" ["terms"]=> array(1) { [0]=> string(10) "javascript" } ["include_children"]=> bool(true) ["field"]=> string(4) "slug" ["operator"]=> string(2) "IN" } } ["relation"]=> string(3) "AND" } ["meta_query"]=> object(WP_Meta_Query)#205 (2) { ["queries"]=> array(0) { } ["relation"]=> NULL } ["post_count"]=> int(15) ["current_post"]=> int(-1) ["in_the_loop"]=> bool(false) ["comment_count"]=> int(0) ["current_comment"]=> int(-1) ["found_posts"]=> string(2) "42" ["max_num_pages"]=> float(3) ["max_num_comment_pages"]=> int(0) ["is_single"]=> bool(false) ["is_preview"]=> bool(false) ["is_page"]=> bool(false) ["is_archive"]=> bool(true) ["is_date"]=> bool(false) ["is_year"]=> bool(false) ["is_month"]=> bool(false) ["is_day"]=> bool(false) ["is_time"]=> bool(false) ["is_author"]=> bool(false) ["is_category"]=> bool(false) ["is_tag"]=> bool(true) ["is_tax"]=> bool(false) ["is_search"]=> bool(false) ["is_feed"]=> bool(false) ["is_comment_feed"]=> bool(false) ["is_trackback"]=> bool(false) ["is_home"]=> bool(false) ["is_404"]=> bool(false) ["is_comments_popup"]=> bool(false) ["is_paged"]=> bool(false) ["is_admin"]=> bool(false) ["is_attachment"]=> bool(false) ["is_singular"]=> bool(false) ["is_robots"]=> bool(false) ["is_posts_page"]=> bool(false) ["is_post_type_archive"]=> bool(false) ["query_vars_hash"]=> string(32) "9cf0d5b20bf7c2e159b82ed64723912c" ["query_vars_changed"]=> bool(false) ["thumbnails_cached"]=> bool(false) ["query"]=> array(1) { ["tag"]=> string(10) "javascript" } ["request"]=> string(341) "SELECT SQL_CALC_FOUND_ROWS wp_posts.ID FROM wp_posts INNER JOIN wp_term_relationships ON (wp_posts.ID = wp_term_relationships.object_id) WHERE 1=1 AND ( wp_term_relationships.term_taxonomy_id IN (29) ) AND wp_posts.post_type = 'post' AND (wp_posts.post_status = 'publish') GROUP BY wp_posts.ID ORDER BY wp_posts.post_date DESC LIMIT 0, 15" ["posts"]=> &array(15) { [0]=> object(WP_Post)#261 (25) { ["ID"]=> int(4354) ["post_author"]=> string(1) "2" ["post_date"]=> string(19) "2012-07-05 17:50:36" ["post_date_gmt"]=> string(19) "2012-07-05 07:50:36" ["post_content"]=> string(2935) "

Dmitry Baranovskiy Enters the Dragon with JavaScript. See below for full session description and more resources.

Got a taste for it? Be there for the dev track at Web Directions South 2012.

This presentation was recorded at Web Directions Code in Melbourne on May 24 2012.

Session description

Some time ago now JavaScript stopped being a toy language and became a serious player. Yet when you browse through the plethora of code and different discussions you get the sense that a lot of people, even those who use it every day, are still quite confused about the language — its great power, and your great responsibility toward it as a developer. Demystifying this is the purpose of the entire second day of Web Directions Code, which Dmitry will introduce in a keynote you won’t forget for a long time.

Resources from this presentation

• Baby steps: The JavaScript Garden
• As the man says, read the bloody spec!
• A number of the other presentations on the JavaScript day of Web Directions Code went into detail of the kind of thing Dmitry speaks about here:
  • Write JavaScript like it’s 2012 — Tony Milne
  • Truthiness, falsiness and other JavaScript gotchas — Anette Bergo
  • Getting closure in JavaScript — Mark Dalgleish

About Dmitry Baranovskiy

Dmitry started his journey over a decade ago as a backend developer, then a designer and has now finally settled and accepted his fate as a frontend developer. Despite his deep knowledge of CSS and HTML, he mainly specializes in JavaScript and is well known as the creator of Raphaël as well as other JavaScript libraries.

" ["post_title"]=> string(50) "JavaScript - Enter The Dragon - Dmitry Baranovskiy" ["post_excerpt"]=> string(683) "

Some time ago now JavaScript stopped being a toy language and became a serious player. Yet when you browse through the plethora of code and different discussions you get the sense that a lot of people, even those who use it every day, are still quite confused about the language — its great power, and your great responsibility toward it as a developer. Demystifying this is the purpose of the entire second day of Web Directions Code, which Dmitry will introduce in a keynote you won’t forget for a long time.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(46) "javascript-enter-the-dragon-dmitry-baranovskiy" ["to_ping"]=> string(0) "" ["pinged"]=> string(82) " http://www.webdirections.org/resources/write-javascript-like-its-2012-tony-milne/" ["post_modified"]=> string(19) "2012-07-05 17:50:36" ["post_modified_gmt"]=> string(19) "2012-07-05 07:50:36" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=4354" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "2" ["filter"]=> string(3) "raw" ["post_category"]=> string(1) "0" } [1]=> object(WP_Post)#260 (25) { ["ID"]=> int(4331) ["post_author"]=> string(1) "2" ["post_date"]=> string(19) "2012-07-03 08:33:14" ["post_date_gmt"]=> string(19) "2012-07-02 22:33:14" ["post_content"]=> string(1949) "

Mark Dalgleish gets closure in JavaScript. See below for full session description and more resources.

Got a taste for it? Be there for the dev track at Web Directions South 2012.

This presentation was recorded at Web Directions Code in Melbourne on May 24 2012.

Session description

An in-depth look at how JavaScript’s first-class functions and lexical scope allow us to write powerful and expressive code. Through the single topic of immediately invoked function expressions, we’ll touch upon function scope, closures, JavaScript “classes”, CoffeeScript and ECMAScript 5.

Resources referred to in this presentation

• Immediately-Invoked Function Expression (IIFE)
• Self-executing anonymous functions
• Slides from this presentation

About Mark Dalgleish

Mark Dalgleish works as a front-end developer in Melbourne. He’s obsessed with everything web and loves using JavaScript, CSS and HTML to create rich experiences that resonate with end users. In his spare time, he loves experimenting with the latest web technologies and sharing projects online.

" ["post_title"]=> string(46) "Getting closure in JavaScript - Mark Dalgleish" ["post_excerpt"]=> string(460) "

An in-depth look at how JavaScript’s first-class functions and lexical scope allow us to write powerful and expressive code. Through the single topic of immediately invoked function expressions, we’ll touch upon function scope, closures, JavaScript “classes”, CoffeeScript and ECMAScript 5.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(44) "getting-closure-in-javascript-mark-dalgleish" ["to_ping"]=> string(0) "" ["pinged"]=> string(69) " http://markdalgleish.com/2011/03/self-executing-anonymous-functions/" ["post_modified"]=> string(19) "2012-07-03 08:33:14" ["post_modified_gmt"]=> string(19) "2012-07-02 22:33:14" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=4331" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "0" ["filter"]=> string(3) "raw" ["post_category"]=> string(1) "0" } [2]=> object(WP_Post)#259 (25) { ["ID"]=> int(4329) ["post_author"]=> string(1) "2" ["post_date"]=> string(19) "2012-07-03 08:26:05" ["post_date_gmt"]=> string(19) "2012-07-02 22:26:05" ["post_content"]=> string(2232) "

Damon Oehlman takes us beyond event listeners. See below for full session description and more resources.

Got a taste for it? Be there for the dev track at Web Directions South 2012.

This presentation was recorded at Web Directions Code in Melbourne on May 24 2012.

Session description

Stuck in the land of DOM-based event handling in your JS code? While jQuery (and other libraries) help ease the pain, they don’t solve all the problems. This session will explore modern JS event libraries that will change the way you architect and build your apps forever.

Resources referred to in this presentation

• Slides from this presentation
• Demo repository
• Dmitry's Eve Project

About Damon Oehlman

Damon Oehlman is an experienced web and mobile applications developer. He has worked with small and large companies to develop software solutions for desktop, web and most recently mobile devices. His first technical book, Pro Android Web Apps, was released earlier this year by Apress. Damon currently runs his own software development and consulting firm Sidelab, which specializes in cross-platform mobile solutions. Damon’s aptly titled tech blog Distractable offers a mix of articles, tutorials and other shiny things. He is a proud dad, husband and one day dreams of owning his own underground lair.

" ["post_title"]=> string(38) "Beyond event listeners - Damon Oehlman" ["post_excerpt"]=> string(434) "

Stuck in the land of DOM-based event handling in your JS code? While jQuery (and other libraries) help ease the pain, they don’t solve all the problems. This session will explore modern JS event libraries that will change the way you architect and build your apps forever.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(36) "beyond-event-listeners-damon-oehlman" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2012-07-03 08:26:05" ["post_modified_gmt"]=> string(19) "2012-07-02 22:26:05" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=4329" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "0" ["filter"]=> string(3) "raw" ["post_category"]=> string(1) "0" } [3]=> object(WP_Post)#258 (25) { ["ID"]=> int(4314) ["post_author"]=> string(1) "2" ["post_date"]=> string(19) "2012-06-29 09:04:00" ["post_date_gmt"]=> string(19) "2012-06-28 23:04:00" ["post_content"]=> string(1908) "

Anette Bergo takes a look at the pitfalls of JavaScript. See below for full session description and more resources.

Got a taste for it? Be there for the dev track at Web Directions South 2012. Oh, and, the man who wrote "JavaScript, the Good Parts", Douglas Crockford, is also giving a full day masterclass.

This presentation was recorded at Web Directions Code in Melbourne on May 24 2012.

Session description

Douglas Crockford has introduced us all to the good parts of JavaScript. But what then are “the bad parts”? In this session, Anette Bergo takes a look at some of JavaScript’s odd parts, quirks, and pitfalls.

Resources referred to in this presentation

• the book that started it all, Douglas Crockford's "JavaScript, The Good Parts"
• video of Douglas speaking on "JavaScript, The Good Parts"

About Anette Bergo

Anette Bergo works for ThoughtWorks where she runs around and tries to fix things and occasionally gets to write some code. She has had a bizarre love for JavaScript since her first web site crashed the browser with an endless loop, and decided to start the Melbourne JavaScript group in 2010 to find people that felt the same.

" ["post_title"]=> string(65) "Truthiness, falsiness and other JavaScript gotchas - Anette Bergo" ["post_excerpt"]=> string(370) "

Douglas Crockford has introduced us all to the good parts of JavaScript. But what then are “the bad parts”? In this session, Anette Bergo takes a look at some of JavaScript’s odd parts, quirks, and pitfalls.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(62) "truthiness-falsiness-and-other-javascript-gotchas-anette-bergo" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2012-06-29 09:05:12" ["post_modified_gmt"]=> string(19) "2012-06-28 23:05:12" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=4314" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "1" ["filter"]=> string(3) "raw" ["post_category"]=> string(1) "0" } [4]=> object(WP_Post)#257 (25) { ["ID"]=> int(4294) ["post_author"]=> string(1) "2" ["post_date"]=> string(19) "2012-06-28 09:10:26" ["post_date_gmt"]=> string(19) "2012-06-27 23:10:26" ["post_content"]=> string(2897) "

Tony Milne on some JavaScript best practices. See below for full session description and more resources.

Got a taste for it? Be there for the dev track at Web Directions South 2012.

This presentation was recorded at Web Directions Code in Melbourne on May 24 2012.

Session description

This 15 minute party may or may not include: when and how to load and run JavaScript on page load; JavaScript coding conventions you should adopt; a look at writing callback oriented JavaScript and some JavaScript performance tips for fun and profit.

Resources referred to in this presentation

• Summary of Script tags, CommonJS and AMD
• Comparison of RequireJS v YepNope v LABjs
• Module Patterns in JavaScript
• An in-depth summary of Modules in JavaScript
• RequireJS
• Almond, the light weight shim (alternative to RequireJS in production)
• The CommonJS specification
• The AMD specification
• Author of RequireJS on AMD

About Tony Milne

Tony is a co-founder of Inlight Media, a leading Melbourne web and mobile development company who specialise in Node.js backed iOS/web projects. When Tony fills in his census survey answers, JavaScript is his native language. Tony helps organise and regularly attends MelbJS (a Melbourne JavaScript group) and the Melbourne Node.js meetup, so you can come along, hang out and drink a beer with him there.

" ["post_title"]=> string(44) "Write JavaScript like it's 2012 - Tony Milne" ["post_excerpt"]=> string(405) "

This 15 minute party may or may not include: when and how to load and run JavaScript on page load; JavaScript coding conventions you should adopt; a look at writing callback oriented JavaScript and some JavaScript performance tips for fun and profit.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(41) "write-javascript-like-its-2012-tony-milne" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2012-06-28 12:08:00" ["post_modified_gmt"]=> string(19) "2012-06-28 02:08:00" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=4294" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "1" ["filter"]=> string(3) "raw" ["post_category"]=> string(1) "0" } [5]=> object(WP_Post)#256 (25) { ["ID"]=> int(4291) ["post_author"]=> string(1) "2" ["post_date"]=> string(19) "2012-06-28 09:09:28" ["post_date_gmt"]=> string(19) "2012-06-27 23:09:28" ["post_content"]=> string(1663) "

Jared Wyles shows us how to improve JavaScript performance by listening to our browser. See below for full session description.

Got a taste for it? Be there for the dev track at Web Directions South 2012.

This presentation was recorded at Web Directions Code in Melbourne on May 24 2012.

Session description

Before we fork out for expensive performance monitoring tools, what if we took the time to listen to what our browser was trying to tell us? We can discover a whole range of features you may have ignored. Discover how to debug network latency issues, memory leaks and other performance fun in our browsers. With web applications becoming more like desktop apps, remaining open for days at a time. Now is the time to listen to your browsers pain and walk away with a new toolkit of performance best practices.

About Jared Wyles

Jared is a senior software engineer having recently taken over reigns of the frontend at big commerce. He has done a stint with Atlassian and digital agencies working with the web for the past 5 years. When not working, he can usually be found drinking somewhere ranting about the current state of web applications or web standards to whoever will listen, and in front of whatever conference will have his rants on the importance of performance.

" ["post_title"]=> string(48) "Removing the gag from your browser - Jared Wyles" ["post_excerpt"]=> string(663) "

Before we fork out for expensive performance monitoring tools, what if we took the time to listen to what our browser was trying to tell us? We can discover a whole range of features you may have ignored. Discover how to debug network latency issues, memory leaks and other performance fun in our browsers. With web applications becoming more like desktop apps, remaining open for days at a time. Now is the time to listen to your browsers pain and walk away with a new toolkit of performance best practices.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(46) "removing-the-gag-from-your-browser-jared-wyles" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2012-06-28 09:09:28" ["post_modified_gmt"]=> string(19) "2012-06-27 23:09:28" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=4291" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "0" ["filter"]=> string(3) "raw" ["post_category"]=> string(1) "0" } [6]=> object(WP_Post)#255 (25) { ["ID"]=> int(4285) ["post_author"]=> string(1) "2" ["post_date"]=> string(19) "2012-06-27 13:32:04" ["post_date_gmt"]=> string(19) "2012-06-27 03:32:04" ["post_content"]=> string(3702) "

Tim Oxley shows us how to harness the browser to do some of the heavy-lifting. See below for full session description and more resources.

Got a taste for it? Be there for the dev track at Web Directions South 2012.

This presentation was recorded at Web Directions Code in Melbourne on May 24 2012.

Session description

Today’s web browser is a powerful application platform, challenging the traditional responsibilities of web application server and client. In this session we learn to harness the browser to do some of the heavy-lifting traditionally delegated to the server-side. Pushing rendering tasks onto the web browser reduces the amount of hand-holding required of a server, minimising network utilisation and lag involved in user interactions. This decouples our views from our server implementation and can improve overall application performance. Your web applications will feel snappy and light­weight, presenting a more pleasant user experience. We will explore the implications of client-side rendering and the differences between popular client-side templating tools, such as jQuery templates, EJS, Underscore and Handlebars, evaluating compatibility, performance, expressiveness and project health, while comparing statistics and user experience with traditional server-side templating techniques.

Resources referred to in this presentation

• Asynchronous UIs - the future of web user interfaces
• The client-side templating throwdown
• Unless you have a very good reason not to, use Handlebars
• Recommended framework: Ember.js
• Staticloud
• eson - Extended (pluggable) JSON for node
• Learn to say no to clients
• Don't give your clients a CMS
• Just teach them to write JSON, or even better, CSON
• And have them markup their pages using Markdown
• Build tools are your friends, learn to use Make
• And be more like TJ

About Tim Oxley

Tim works primarily on the NodeJS platform, building lightweight data and interconnectivity services for business. Since leaping from Flash’s burning carcass, Tim has been honing his skills as a professional JavaScript developer while championing professional programming practices as a consultant in Australia and worldwide.

" ["post_title"]=> string(48) "Clientside templates for reactive UI - Tim Oxley" ["post_excerpt"]=> string(1153) "

Today’s web browser is a powerful application platform, challenging the traditional responsibilities of web application server and client. In this session we learn to harness the browser to do some of the heavy-lifting traditionally delegated to the server-side. Pushing rendering tasks onto the web browser reduces the amount of hand-holding required of a server, minimising network utilisation and lag involved in user interactions. This decouples our views from our server implementation and can improve overall application performance. Your web applications will feel snappy and light­weight, presenting a more pleasant user experience. We will explore the implications of client-side rendering and the differences between popular client-side templating tools, such as jQuery templates, EJS, Underscore and Handlebars, evaluating compatibility, performance, expressiveness and project health, while comparing statistics and user experience with traditional server-side templating techniques.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(46) "clientside-templates-for-reactive-ui-tim-oxley" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2012-06-27 13:32:04" ["post_modified_gmt"]=> string(19) "2012-06-27 03:32:04" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=4285" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "0" ["filter"]=> string(3) "raw" ["post_category"]=> string(1) "0" } [7]=> object(WP_Post)#254 (25) { ["ID"]=> int(4262) ["post_author"]=> string(1) "2" ["post_date"]=> string(19) "2012-06-26 13:32:38" ["post_date_gmt"]=> string(19) "2012-06-26 03:32:38" ["post_content"]=> string(2310) "

Ryan Seddon on how you can automate client-side unit testing. See below for full session description and more resources.

Got a taste for it? Be there for the dev track at Web Directions South 2012.

This presentation was recorded at Web Directions Code in Melbourne on May 24 2012.

Session description

Client-side unit testing can be a painful thing to test in all browsers, so as a "lazy developer" Ryan Seddon likes to do as little as possible. This presentation dives into how you can automate this process, what tools are out there to help, and how Ryan uses these on Modernizr.

Resources referred to in this presentation

• Slides from this presentation
• Modernizr
• Travis distributed build platform
• BrowserStack live web-based cross browser testing
• Node-browserstack
• Yeti, the YUI Easy Testing Interface

About Ryan Seddon

Ryan Seddon is a Senior Front-end Developer from Melbourne Australia who has an unnatural obsession with JavaScript and the many places it runs. He also loves to tinker with any new web technology he can get his hands on and loves diving into specs and code to figure out more. In his spare time he’s either playing basketball, writing for his blog thecssninja.com or committing code to GitHub.

" ["post_title"]=> string(51) "Debugging secrets of a lazy developer - Ryan Seddon" ["post_excerpt"]=> string(423) "

Client-side unit test­ing can be a pain­ful thing to test in all browsers, so as a "lazy developer" I like to do as little as pos­sible. We'll dive into how we can auto­mate this pro­cess and what tools are out there to help us and how I use these on Modernizr.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(49) "debugging-secrets-of-a-lazy-developer-ryan-seddon" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2012-06-26 14:07:20" ["post_modified_gmt"]=> string(19) "2012-06-26 04:07:20" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=4262" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "0" ["filter"]=> string(3) "raw" ["post_category"]=> string(1) "0" } [8]=> object(WP_Post)#253 (25) { ["ID"]=> int(4236) ["post_author"]=> string(1) "2" ["post_date"]=> string(19) "2012-06-26 09:13:23" ["post_date_gmt"]=> string(19) "2012-06-25 23:13:23" ["post_content"]=> string(1982) "

Jed Schmidt introduces the two faces of NPM, the official node.js pack­age manager. See below for full session description and more resources.

Got a taste for it? Be there for the dev track at Web Directions South 2012.

This presentation was recorded at Web Directions Code in Melbourne on May 24 2012.

Session description

In just 30 months, node.js has gone from an obscure toy to the most watched development platform on GitHub. Once the next stable version ships, significant focus will move to improving the community-driven ecosystem of modules, making it easier to navigate and contribute. In this talk, Jed will introduce the two faces of NPM, the official node.js pack­age man­ager: NPM the ecosystem, for finding existing modules and developing and publishing your own modules, and NPM the tool, for managing and streamlining node.js workflows for your own projects.

Resources

• The demo from this presentation at GitHub

About Jed Scmidt

Jed Schmidt is a JavaScript developer based in Tokyo, and has been using node.js since just before its debut in 2009. He maintains a variety of opensource JavaScript libraries (including a DynamoDB client, Chrome extension packer, and OAuth2 login aggregator), and has built several fun projects on node.js, including 140byt.es, a tweet-sized code golfing contest, and Ramendan, a gruelling month-long test of ramen devotion.

" ["post_title"]=> string(40) "Node's Personal Manservant - Jed Schmidt" ["post_excerpt"]=> string(779) "

In just 30 months, node.js has gone from an obscure toy to the most watched devel­op­ment plat­form on Git­Hub. Once the next stable ver­sion ships, sig­ni­fic­ant focus will move to improv­ing the community-driven eco­sys­tem of mod­ules, mak­ing it easier to nav­ig­ate and con­trib­ute. In this talk, Jed will intro­duce the two faces of NPM, the offi­cial node.js pack­age man­ager: NPM the eco­sys­tem, for find­ing exist­ing mod­ules and devel­op­ing and pub­lish­ing your own mod­ules, and NPM the tool, for man­aging and stream­lin­ing node.js work­flows for your own projects.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(37) "nodes-personal-manservant-jed-schmidt" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2012-06-26 10:54:39" ["post_modified_gmt"]=> string(19) "2012-06-26 00:54:39" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=4236" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "0" ["filter"]=> string(3) "raw" ["post_category"]=> string(1) "0" } [9]=> object(WP_Post)#252 (25) { ["ID"]=> int(3873) ["post_author"]=> string(1) "7" ["post_date"]=> string(19) "2011-11-07 08:26:41" ["post_date_gmt"]=> string(19) "2011-11-06 22:26:41" ["post_content"]=> string(1649) "

Web Directions South 2011, Sydney, October 14th.

• Audio recording of session
• Presentation slides
• Session description
• About Tom Hughes-Croucher

Presentation slides

Session description

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?

About Tom Hughes-Croucher

Tom Hughes-Croucher is the Chief Evangelist at Joyent, sponsors of the Node.js project. Tom mostly spends his days helping companies build really exciting projects with Node and seeing just how far it will scale. Tom is also the author of the O’Reilly book “Up and running with Node.js”. Tom has worked for many well known organizations including Yahoo, NASA and Tesco.Follow Tom on Twitter: @sh1mmer" ["post_title"]=> string(49) "Tom Hughes-Croucher - Up and Running with Node.js" ["post_excerpt"]=> string(252) "

Learn how to build high performance Internet and web applications with Node.js.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(47) "tom-hughes-croucher-up-and-running-with-node-js" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2011-11-07 08:26:41" ["post_modified_gmt"]=> string(19) "2011-11-06 22:26:41" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=3873" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "1" ["filter"]=> string(3) "raw" ["post_category"]=> string(1) "0" } [10]=> object(WP_Post)#251 (25) { ["ID"]=> int(3867) ["post_author"]=> string(1) "7" ["post_date"]=> string(19) "2011-11-06 20:37:34" ["post_date_gmt"]=> string(19) "2011-11-06 10:37:34" ["post_content"]=> string(1919) "

Web Directions South 2011, Sydney, October 13th.

• Audio recording of session
• Session description
• Full length tutorial (external site)
• About Julio Cesar Ody

Session description

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.

About Julio Cesar Ody

Julio has been a full-stack software developer for the 12 years of his career, and during this time he went from being a GNU/Linux and Unix sysadmin, to a VoIP PBX architect, and finally a software developer.Since moving to Australia from Brazil, he has worked on startups and companies building software and at the same time, stuck his nose as much as he can into the human side of the software equation, understanding developer productivity, how software companies work, and product development.More recently he grew too interested in design for his own good, and began freelancing under the codename of Awesome By Design, writing a bunch of software which he open sourced on GitHub, giving presentations using his own presentation framework, and building software that not only does the job, but does so in style.Follow Julio on Twitter: @julio_ody" ["post_title"]=> string(61) "Julio Cesar Ody - CSS3 and Backbone.js for killer mobile apps" ["post_excerpt"]=> string(294) "

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

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(59) "julio-cesar-ody-css3-and-backbone-js-for-killer-mobile-apps" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2011-12-15 11:49:22" ["post_modified_gmt"]=> string(19) "2011-12-15 01:49:22" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=3867" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "0" ["filter"]=> string(3) "raw" ["post_category"]=> string(1) "0" } [11]=> object(WP_Post)#250 (25) { ["ID"]=> int(3797) ["post_author"]=> string(1) "7" ["post_date"]=> string(19) "2011-11-06 08:37:38" ["post_date_gmt"]=> string(19) "2011-11-05 22:37:38" ["post_content"]=> string(2408) "

Web Directions South 2011, Sydney, October 14th.

• Audio recording of session
• Presentation slides
• Additional resources
• Session description
• About Greg Rewis

Presentation slides

Session description

Since the early days of the web, the only reliable way to get movement on your site was through Flash, or more recently, Javascript. But now, with WebKit and Mozilla leading the way, transformations and transitions can be done with pure CSS, even on mobile devices. And for those in need of even more movement, CSS3 provides for keyframe-based animations. In this session, we’ll take a look at all of the possibilities and explore what works and where — from the simplest effects, to creative usability enhancements including the combination of CSS with mobile Javascript frameworks.

About Greg Rewis

Greg Rewis is the Principal Evangelist for Adobe Systems, focusing on Adobe’s open web products and technologies such as HTML5, CSS3 and Javascript. With over 20 years of computer industry experience, Greg spends in excess of 200 days of the year on the road, talking with customers, giving product demonstrations at seminars, and speaking at industry conferences.Greg has been passionate about the web since putting his first “home page” online in 1994. His career has taken him around the world, from the early days of desktop publishing, to a start-up in Hamburg, Germany, the glory days of the web at Macromedia and finally his current role at Adobe.The original GoLive Cyberstudio Product Manager and former Dreamweaver Technical Product Manager, Greg is the co-author of “Mastering CSS with Dreamweaver CS3″ and “Mastering CSS with Dreamweaver CS4″ published by New Riders, as well as a regular contributor to industry publications.Follow Greg on Twitter: @garazi" ["post_title"]=> string(53) "Greg Rewis - Move it! CSS3 Transitions and Animations" ["post_excerpt"]=> string(386) "

In this session, we’ll take a look at all of the possibilities and explore what works and where — from the simplest effects, to creative usability enhancements including the combination of CSS with mobile Javascript frameworks.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(50) "greg-rewis-move-it-css3-transitions-and-animations" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2011-11-06 08:47:37" ["post_modified_gmt"]=> string(19) "2011-11-05 22:47:37" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=3797" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "0" ["filter"]=> string(3) "raw" ["post_category"]=> string(1) "0" } [12]=> object(WP_Post)#249 (25) { ["ID"]=> int(3768) ["post_author"]=> string(1) "7" ["post_date"]=> string(19) "2011-10-23 10:22:31" ["post_date_gmt"]=> string(19) "2011-10-23 00:22:31" ["post_content"]=> string(2022) "

Web Directions South 2011, Sydney, October 14th.

• Audio recording of session
• Presentation slides
• Session description
• About Damon Oehlman

Presentation slides

External slides.

Session description

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.

About Damon Oehlman

Damon Oehlman is an experienced web and mobile applications developer. He has worked with small and large companies to develop software solutions for desktop, web and most recently mobile devices. His first technical book, Pro Android Web Apps, was released earlier this year by Apress. Damon currently runs his own software development and consulting firm Sidelab, which specializes in cross-platform mobile solutions. Damon’s aptly titled tech blog Distractable offers a mix of articles, tutorials and other shiny things. He is a proud dad, husband and one day dreams of owning his own underground lair.Follow Damon on Twitter: @damonoehlman" ["post_title"]=> string(30) "Damon Oehlman - HTML5 API Soup" ["post_excerpt"]=> string(347) "

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.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(28) "damon-oehlman-html5-api-soup" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2011-10-28 13:13:28" ["post_modified_gmt"]=> string(19) "2011-10-28 03:13:28" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=3768" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "0" ["filter"]=> string(3) "raw" ["post_category"]=> string(1) "0" } [13]=> object(WP_Post)#248 (25) { ["ID"]=> int(3762) ["post_author"]=> string(1) "7" ["post_date"]=> string(19) "2011-10-23 09:32:57" ["post_date_gmt"]=> string(19) "2011-10-22 23:32:57" ["post_content"]=> string(2768) "

Web Directions South 2011, Sydney, October 13th.

• Audio recording of session
• Presentation slides
• Additional resources
• Session description
• About Addy Osmani

Presentation slides

Session description

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.

About Addy Osmani

Addy Osmani is a popular JavaScript blogger and a UI Developer for AOL based in London, England. He is also a member of the jQuery [Bug Triage/Docs/Front-end] teams where he assists with bugs, documentation and community updates. His free book, ‘Essential JavaScript Design Patterns’ has been downloaded over 200,000 times in the past year and continues to be expanded in his spare time.For more on Addy’s work, check out his blog AddyOsmani.com for tutorials, his G+ page for his community updates and magazines such as .net for his thoughts and commentaries.Follow Addy on Twitter: @addy_osmani" ["post_title"]=> string(49) "Addy Osmani - Scalable JavaScript Design Patterns" ["post_excerpt"]=> string(341) "

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?

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(47) "addy-osmani-scalable-javascript-design-patterns" ["to_ping"]=> string(0) "" ["pinged"]=> string(61) " http://addyosmani.com/blog/essentialjsdesignpatternsupdate1/" ["post_modified"]=> string(19) "2011-10-28 13:06:51" ["post_modified_gmt"]=> string(19) "2011-10-28 03:06:51" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=3762" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "0" ["filter"]=> string(3) "raw" ["post_category"]=> string(1) "0" } [14]=> object(WP_Post)#247 (25) { ["ID"]=> int(3756) ["post_author"]=> string(1) "7" ["post_date"]=> string(19) "2011-10-23 08:51:31" ["post_date_gmt"]=> string(19) "2011-10-22 22:51:31" ["post_content"]=> string(1496) "

Web Directions South 2011, Sydney, October 13th.

• Audio recording of session
• Presentation slides
• Session description
• About Jeremy Ashkenas

Presentation slides

Session description

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.

About Jeremy Ashkenas

Jeremy Ashkenas is part of the Interactive News team at the New York Times, as well as the lead developer of DocumentCloud, helping news organizations analyze and publish the primary source documents behind the news. He works on CoffeeScript, Backbone.js, Underscore.js, Docco, Jammit, and Ruby-Processing, among other opensource projects.Follow Jeremy on Twitter: @jashkenas" ["post_title"]=> string(39) "Jeremy Ashkenas - A Cup of CoffeeScript" ["post_excerpt"]=> string(393) "

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.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(37) "jeremy-ashkenas-a-cup-of-coffeescript" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2011-10-28 13:02:58" ["post_modified_gmt"]=> string(19) "2011-10-28 03:02:58" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=3756" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "1" ["filter"]=> string(3) "raw" ["post_category"]=> string(1) "0" } } ["post"]=> object(WP_Post)#261 (25) { ["ID"]=> int(4354) ["post_author"]=> string(1) "2" ["post_date"]=> string(19) "2012-07-05 17:50:36" ["post_date_gmt"]=> string(19) "2012-07-05 07:50:36" ["post_content"]=> string(2935) "

Dmitry Baranovskiy Enters the Dragon with JavaScript. See below for full session description and more resources.

Got a taste for it? Be there for the dev track at Web Directions South 2012.

This presentation was recorded at Web Directions Code in Melbourne on May 24 2012.

Session description

Some time ago now JavaScript stopped being a toy language and became a serious player. Yet when you browse through the plethora of code and different discussions you get the sense that a lot of people, even those who use it every day, are still quite confused about the language — its great power, and your great responsibility toward it as a developer. Demystifying this is the purpose of the entire second day of Web Directions Code, which Dmitry will introduce in a keynote you won’t forget for a long time.

Resources from this presentation

• Baby steps: The JavaScript Garden
• As the man says, read the bloody spec!
• A number of the other presentations on the JavaScript day of Web Directions Code went into detail of the kind of thing Dmitry speaks about here:
  • Write JavaScript like it’s 2012 — Tony Milne
  • Truthiness, falsiness and other JavaScript gotchas — Anette Bergo
  • Getting closure in JavaScript — Mark Dalgleish

About Dmitry Baranovskiy

Dmitry started his journey over a decade ago as a backend developer, then a designer and has now finally settled and accepted his fate as a frontend developer. Despite his deep knowledge of CSS and HTML, he mainly specializes in JavaScript and is well known as the creator of Raphaël as well as other JavaScript libraries.

" ["post_title"]=> string(50) "JavaScript - Enter The Dragon - Dmitry Baranovskiy" ["post_excerpt"]=> string(683) "

Some time ago now JavaScript stopped being a toy language and became a serious player. Yet when you browse through the plethora of code and different discussions you get the sense that a lot of people, even those who use it every day, are still quite confused about the language — its great power, and your great responsibility toward it as a developer. Demystifying this is the purpose of the entire second day of Web Directions Code, which Dmitry will introduce in a keynote you won’t forget for a long time.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(46) "javascript-enter-the-dragon-dmitry-baranovskiy" ["to_ping"]=> string(0) "" ["pinged"]=> string(82) " http://www.webdirections.org/resources/write-javascript-like-its-2012-tony-milne/" ["post_modified"]=> string(19) "2012-07-05 17:50:36" ["post_modified_gmt"]=> string(19) "2012-07-05 07:50:36" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=4354" ["menu_order"]=> int(0) ["post_type"]=> string(4) "post" ["post_mime_type"]=> string(0) "" ["comment_count"]=> string(1) "2" ["filter"]=> string(3) "raw" ["post_category"]=> string(1) "0" } ["queried_object"]=> object(stdClass)#377 (10) { ["term_id"]=> string(2) "29" ["name"]=> string(10) "javascript" ["slug"]=> string(10) "javascript" ["term_group"]=> string(1) "0" ["term_order"]=> string(1) "0" ["term_taxonomy_id"]=> string(2) "29" ["taxonomy"]=> string(8) "post_tag" ["description"]=> string(0) "" ["parent"]=> string(1) "0" ["count"]=> string(2) "42" } ["queried_object_id"]=> int(29) }