object(WP_Query)#70 (47) { ["query_vars"]=> array(56) { ["category_name"]=> string(9) "resources" ["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) ["tag"]=> string(0) "" ["cat"]=> string(1) "3" ["tag_id"]=> string(0) "" ["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(0) { } ["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)#211 (2) { ["queries"]=> array(1) { [0]=> array(5) { ["taxonomy"]=> string(8) "category" ["terms"]=> array(1) { [0]=> string(9) "resources" } ["include_children"]=> bool(true) ["field"]=> string(4) "slug" ["operator"]=> string(2) "IN" } } ["relation"]=> string(3) "AND" } ["meta_query"]=> object(WP_Meta_Query)#210 (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(3) "290" ["max_num_pages"]=> float(20) ["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(true) ["is_tag"]=> bool(false) ["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) "00ade77df60294c63ddb33580c2fedf3" ["query_vars_changed"]=> bool(false) ["thumbnails_cached"]=> bool(false) ["query"]=> array(1) { ["category_name"]=> string(9) "resources" } ["request"]=> string(340) "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 (3) ) 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)#219 (25) { ["ID"]=> int(4395) ["post_author"]=> string(1) "2" ["post_date"]=> string(19) "2012-08-10 10:21:14" ["post_date_gmt"]=> string(19) "2012-08-10 00:21:14" ["post_content"]=> string(3047) "

Andrew Fisher gets all touchy feely with the mobile web. 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 23 2012.

Session description

As the majority of web users shift to touch devices, the expectation is becoming that everything becomes touchable — including the mobile web. This session will provide a practical and pragmatic view of where touch is at from a web standards perspective and how you can start weaving touch interactions into your mobile web applications.

Resources from this presentation

About Andrew Fisher

Andrew Fisher is deeply passionate about technology and is constantly tinkering with and breaking something — whether it’s a new application for mobile computing, building a robot, deploying a cloud or just playing around with web tech. Sometimes he does some real work too and has been involved in developing digital solutions for businesses since the dawn of the web in Australia and Europe for brands like Nintendo, peoplesound, Sony, Mitsubishi, Sportsgirl and the Melbourne Cup.

Andrew is the CTO for JBA Digital, a data agency in Melbourne Australia, where he focuses on creating meaning out of large, changing data sets for clients. Andrew is also the founder of Rocket Melbourne, a startup technology lab exploring physical computing and the Web of Things.

" ["post_title"]=> string(60) "Getting all touchy feely with the mobile web - Andrew Fisher" ["post_excerpt"]=> string(497) "

Photo of Andrew FisherAs the majority of web users shift to touch devices, the expectation is becoming that everything becomes touchable — including the mobile web. This session will provide a practical and pragmatic view of where touch is at from a web standards perspective and how you can start weaving touch interactions into your mobile web applications.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(58) "getting-all-touchy-feely-with-the-mobile-web-andrew-fisher" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2012-08-10 10:21:14" ["post_modified_gmt"]=> string(19) "2012-08-10 00:21:14" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=4395" ["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" } [1]=> object(WP_Post)#258 (25) { ["ID"]=> int(4376) ["post_author"]=> string(1) "2" ["post_date"]=> string(19) "2012-07-12 16:11:36" ["post_date_gmt"]=> string(19) "2012-07-12 06:11:36" ["post_content"]=> string(2267) "

Rob Hawkes uses HTML5 technologies for game development. 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

With Angry Birds, Cut the Rope and other block­buster games now working in modern web browsers, it’s fair to say native, browser based gaming has arrived for real. But how do they do it? In this session, Mozilla Technical Evangelist Rob Hawkes looks at the features now in your browsers to help develop games (and other interactive web based experiences) including the Canvas and WebGL, HTML5 Audio API, Mouselock and the Joy­stick API.

Resources from this presentation

About Rob Hawkes

Rob thrives on solving problems through code. He has an addiction to visual programming and can’t get enough of HTML5 and JavaScript. He’s the author of Foundation HTML5 Canvas and is a Technical Evangelist at Mozilla. He leads the gaming side of Mozilla’s work within the developer community.

" ["post_title"]=> string(52) "HTML5 technologies and game development - Rob Hawkes" ["post_excerpt"]=> string(596) "

Photo of Rob HawkesWith Angry Birds, Cut the Rope and other block­buster games now working in modern web browsers, it’s fair to say native, browser based gaming has arrived for real. But how do they do it? In this session, Mozilla Technical Evangelist Rob Hawkes looks at the features now in your browsers to help develop games (and other interactive web based experiences) including the Canvas and WebGL, HTML5 Audio API, Mouselock and the Joy­stick API.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(39) "html5-technologies-and-game-development" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2012-08-10 10:15:21" ["post_modified_gmt"]=> string(19) "2012-08-10 00:15:21" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=4376" ["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)#257 (25) { ["ID"]=> int(4368) ["post_author"]=> string(1) "2" ["post_date"]=> string(19) "2012-07-09 21:14:40" ["post_date_gmt"]=> string(19) "2012-07-09 11:14:40" ["post_content"]=> string(3573) "

Divya Manian designs in the browser. 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

Each website is a product used daily by people to take actions, not just read the content on it. Your product is amorphous, it takes the shape of whatever container it fills: a mobile browser, a touch enabled desktop browser, or a 30″ iMac that is connected to the Internet via tethering. Photoshop is just one of the means to an end in this new age of utilitarian web sites. The new technologies available in HTML5 already allow you to create prototypes quickly in the browser. Learn how to create a prototype from start to finish using these new technologies while taking advantage of quick prototyping tools.

Resources from this presentation

About Divya Manian

Divya Manian works for the Adobe Web Platform Team in San Francisco. She made the jump from developing device drivers for Motorola phones to designing websites and has not looked back since. She takes her duties as an Open Web vigilante seriously which has resulted in collaborative projects such as HTML5 Readiness and HTML5 Boilerplate.

" ["post_title"]=> string(39) "Designing in the browser - Divya Manian" ["post_excerpt"]=> string(771) "

Photo of Divya ManianEach website is a product used daily by people to take actions, not just read the content on it. Your product is amorphous, it takes the shape of whatever container it fills: a mobile browser, a touch enabled desktop browser, or a 30″ iMac that is connected to the Internet via tethering. Photoshop is just one of the means to an end in this new age of utilitarian web sites. The new technologies available in HTML5 already allow you to create prototypes quickly in the browser. Learn how to create a prototype from start to finish using these new technologies while taking advantage of quick prototyping tools.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(37) "designing-in-the-browser-divya-manian" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2012-07-09 21:14:40" ["post_modified_gmt"]=> string(19) "2012-07-09 11:14:40" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=4368" ["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" } [3]=> object(WP_Post)#256 (25) { ["ID"]=> int(4364) ["post_author"]=> string(1) "2" ["post_date"]=> string(19) "2012-07-09 21:13:00" ["post_date_gmt"]=> string(19) "2012-07-09 11:13:00" ["post_content"]=> string(1634) "

Faruk Ateş on The Web's Third Decade. 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 23 2012.

Session description

Our medium has entered its third decade of existence, and is ready for some growing up. Our definitions and understand­ing of the web are rapidly getting out of date, as, too, are our practices for building on it. It is time to re-evaluate where things are and, more importantly, where they are going.

About Faruk Ateş

Faruk is a designer, developer and web standards educator with a strong passion for accessible techniques and progressive enhancement. Now busy with a new startup of his own, Faruk previously worked as Lead Designer at Apture, User Interface Engineer at Apple, and before that he built and designed Content Management Systems at a startup in The Netherlands. Whenever time permits him, Faruk works on open source tools like Modernizr and jQuery Runloop, aiming to help people make better websites and applications. He also frequently writes for publications both online and print, and speaks at conferences and events all around the world. He now lives in San Francisco.

" ["post_title"]=> string(36) "The Web's Third Decade - Faruk Ateş" ["post_excerpt"]=> string(457) "

Photo of Faruk AteşOur medium has entered its third decade of existence, and is ready for some growing up. Our definitions and understand­ing of the web are rapidly getting out of date, as, too, are our practices for building on it. It is time to re-evaluate where things are and, more importantly, where they are going.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(32) "the-webs-third-decade-faruk-ates" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2012-07-09 21:13:00" ["post_modified_gmt"]=> string(19) "2012-07-09 11:13:00" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=4364" ["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)#255 (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

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) "

Photo of Dmitry BaranovskiySome 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" } [5]=> object(WP_Post)#254 (25) { ["ID"]=> int(4340) ["post_author"]=> string(1) "2" ["post_date"]=> string(19) "2012-07-04 10:27:54" ["post_date_gmt"]=> string(19) "2012-07-04 00:27:54" ["post_content"]=> string(3040) "

John Allsopp takes HTML5 apps offline. 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

One of the perceived benefits of “native” apps is that they can be installed on a device, then run when the user isn’t connected. But web apps can do this too. In this session, John Allsopp will show you how to use HTML5 features such as appcache and webStor­age to create apps that the user can install, and which will work even when the user is cruising at 30,000 feet with no web connection. These features also have the added bonus of helping to improve the performance of web sites and apps, and even work in all modern browsers and devices, including IE8 up!

Resources from this presentation

About John Allsopp

John Allsopp has spent more than 15 years developing for the web, creating software like the acclaimed CSS editor Style Master, and writing and publishing training for web developers. John frequently speaks at conferences and delivers workshops around the world. He is a co-founder of the Web Directions conferences for web designers and developers, held on several continents. In 1999, John wrote the still highly regarded Dao of Web Design and his Microformats: Empowering Your Markup for Web 2.0 was the first book published on Microformats. He is also the author of Developing with Web Standards. When not bathed in the glow of various computer screens, he’s a volunteer surf lifesaver and lives at the southern edge of Sydney with his wife and young daughters, who are the light of his life.

" ["post_title"]=> string(87) "Getting offline: appcache, localStorage for HTML5 apps that work offline - John Allsopp" ["post_excerpt"]=> string(728) "

Photo of John AllsoppOne of the perceived benefits of “native” apps is that they can be installed on a device, then run when the user isn’t connected. But web apps can do this too. In this session, John Allsopp will show you how to use HTML5 features such as appcache and webStorage to create apps that the user can install, and which will work even when the user is cruising at 30,000 feet with no web connection. These features also have the added bonus of helping to improve the performance of web sites and apps, and even work in all modern browsers and devices, including IE8 up!

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(83) "getting-offline-appcache-localstorage-for-html5-apps-that-work-offline-john-allsopp" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2012-07-04 11:36:57" ["post_modified_gmt"]=> string(19) "2012-07-04 01:36:57" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=4340" ["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)#253 (25) { ["ID"]=> int(4334) ["post_author"]=> string(1) "2" ["post_date"]=> string(19) "2012-07-04 10:03:31" ["post_date_gmt"]=> string(19) "2012-07-04 00:03:31" ["post_content"]=> string(1621) "

Dave Johnson HTML5, device APIs and PhoneGap. 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

Where once web pages were sand­boxed, with little if any access to the underlying device capabilities, increasingly, this is no longer the case. From the first steps of geolocation, which enables any web site or application to ask the browser for a user’s location, an increasing range of device features are being exposed in the DOM: the file system, camera, gyrosopes, address book, com­passes and more. In this session, Dave Johnson, originator of the phoneGap project delves into HTML5 and related device APIs, enabling us to build richer, more sophisticated applications in the browser.

About Dave Johnson

Dave is a co-founder of Nitobi. He holds a BASc in Electrical Engineering (UBC) and a PhD in Solid State Physics from London’s Imperial College which both have pretty much nothing to do with mobile phones or software development. Dave spends most of his time working on and talking about the PhoneGap project.

" ["post_title"]=> string(46) "HTML5, device APIs and PhoneGap - Dave Johnson" ["post_excerpt"]=> string(754) "

Photo of Dave JohnsonWhere once web pages were sand­boxed, with little if any access to the underlying device capabilities, increasingly, this is no longer the case. From the first steps of geolocation, which enables any web site or application to ask the browser for a user’s location, an increasing range of device features are being exposed in the DOM: the file system, camera, gyrosopes, address book, com­passes and more. In this session, Dave Johnson, originator of the phoneGap project delves into HTML5 and related device APIs, enabling us to build richer, more sophisticated applications in the browser.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(43) "html5-device-apis-and-phonegap-dave-johnson" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2012-07-04 10:04:13" ["post_modified_gmt"]=> string(19) "2012-07-04 00:04:13" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=4334" ["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)#252 (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

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) "

Photo of Mark DalgleishAn 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" } [8]=> object(WP_Post)#251 (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

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) "

Photo of Damon OehlmanStuck 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" } [9]=> object(WP_Post)#208 (25) { ["ID"]=> int(4301) ["post_author"]=> string(1) "2" ["post_date"]=> string(19) "2012-06-29 09:07:26" ["post_date_gmt"]=> string(19) "2012-06-28 23:07:26" ["post_content"]=> string(1941) "

Anson Parker gives us the lowdown on this excellent HTML5 feature. 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 23 2012.

Session description

Get the low-down on this excellent HTML5 feature and learn how you can add it to your own web projects (and why you'd want to!). We'll also look at some of the missteps made along the way (like the 2011/12 Twitter web interface).

Resources referred to in this presentation

About Anson Parker

Anson Parker is a web developer based in Melbourne, Australia. His past has included stints at Optus and News Limited in Sydney, as well as a couple of years with a tech startup in San Francisco. Over that time he has moved from design to programming to product development. He is the man behind the domain name search engine Domize and plans on launch­ing an automotive search engine in 2012.

" ["post_title"]=> string(36) "The HTML5 History API - Anson Parker" ["post_excerpt"]=> string(387) "

Photo of Anson ParkerGet the low-down on this excellent HTML5 feature and learn how you can add it to your own web projects (and why you'd want to!). We'll also look at some of the missteps made along the way (like the 2011/12 Twitter web interface).

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(34) "the-html5-history-api-anson-parker" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2012-06-29 09:07:26" ["post_modified_gmt"]=> string(19) "2012-06-28 23:07:26" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=4301" ["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" } [10]=> object(WP_Post)#250 (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

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) "

Photo of Anette BergoDouglas 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" } [11]=> object(WP_Post)#249 (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

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) "

Photo of Tony MilneThis 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" } [12]=> object(WP_Post)#248 (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) "

Photo of Jared WylesBefore 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" } [13]=> object(WP_Post)#247 (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

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) "

Photo of Tim OxleyToday’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" } [14]=> object(WP_Post)#207 (25) { ["ID"]=> int(4282) ["post_author"]=> string(1) "2" ["post_date"]=> string(19) "2012-06-27 07:53:31" ["post_date_gmt"]=> string(19) "2012-06-26 21:53:31" ["post_content"]=> string(2530) "

Tammy Butow has a look at the new HTML5 form features. 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 23 2012.

Session description

Let’s have a look at how new features such as autofocus, required fields, native date pickers, place­holder text and popping up tailored keyboards for numbers and email addresses on mobile devices can make life more enjoyable!

Resources referred to in this presentation

About Tammy Butow

Tammy is studying a Master of Computer Science at RMIT and is the co-chair of @GGDMelb. She also spends her time making HTML5 mobile apps, travelling, blogging and filming music videos for chuckingamosh.com.

" ["post_title"]=> string(44) "Fantastic forms for mobile web - Tammy Butow" ["post_excerpt"]=> string(384) "

Photo of Tammy ButowLet’s have a look at how new features such as autofocus, required fields, native date pickers, place­holder text and popping up tailored keyboards for numbers and email addresses on mobile devices can make life more enjoyable!

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(42) "fantastic-forms-for-mobile-web-tammy-butow" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2012-06-27 07:53:31" ["post_modified_gmt"]=> string(19) "2012-06-26 21:53:31" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=4282" ["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" } } ["post"]=> object(WP_Post)#219 (25) { ["ID"]=> int(4395) ["post_author"]=> string(1) "2" ["post_date"]=> string(19) "2012-08-10 10:21:14" ["post_date_gmt"]=> string(19) "2012-08-10 00:21:14" ["post_content"]=> string(3047) "

Andrew Fisher gets all touchy feely with the mobile web. 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 23 2012.

Session description

As the majority of web users shift to touch devices, the expectation is becoming that everything becomes touchable — including the mobile web. This session will provide a practical and pragmatic view of where touch is at from a web standards perspective and how you can start weaving touch interactions into your mobile web applications.

Resources from this presentation

About Andrew Fisher

Andrew Fisher is deeply passionate about technology and is constantly tinkering with and breaking something — whether it’s a new application for mobile computing, building a robot, deploying a cloud or just playing around with web tech. Sometimes he does some real work too and has been involved in developing digital solutions for businesses since the dawn of the web in Australia and Europe for brands like Nintendo, peoplesound, Sony, Mitsubishi, Sportsgirl and the Melbourne Cup.

Andrew is the CTO for JBA Digital, a data agency in Melbourne Australia, where he focuses on creating meaning out of large, changing data sets for clients. Andrew is also the founder of Rocket Melbourne, a startup technology lab exploring physical computing and the Web of Things.

" ["post_title"]=> string(60) "Getting all touchy feely with the mobile web - Andrew Fisher" ["post_excerpt"]=> string(497) "

Photo of Andrew FisherAs the majority of web users shift to touch devices, the expectation is becoming that everything becomes touchable — including the mobile web. This session will provide a practical and pragmatic view of where touch is at from a web standards perspective and how you can start weaving touch interactions into your mobile web applications.

" ["post_status"]=> string(7) "publish" ["comment_status"]=> string(4) "open" ["ping_status"]=> string(4) "open" ["post_password"]=> string(0) "" ["post_name"]=> string(58) "getting-all-touchy-feely-with-the-mobile-web-andrew-fisher" ["to_ping"]=> string(0) "" ["pinged"]=> string(0) "" ["post_modified"]=> string(19) "2012-08-10 10:21:14" ["post_modified_gmt"]=> string(19) "2012-08-10 00:21:14" ["post_content_filtered"]=> string(0) "" ["post_parent"]=> int(0) ["guid"]=> string(36) "http://www.webdirections.org/?p=4395" ["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" } ["queried_object"]=> object(stdClass)#334 (16) { ["term_id"]=> &string(1) "3" ["name"]=> &string(9) "Resources" ["slug"]=> &string(9) "resources" ["term_group"]=> string(1) "0" ["term_order"]=> string(1) "0" ["term_taxonomy_id"]=> string(1) "3" ["taxonomy"]=> string(8) "category" ["description"]=> &string(0) "" ["parent"]=> &string(1) "0" ["count"]=> &string(3) "290" ["cat_ID"]=> &string(1) "3" ["category_count"]=> &string(3) "290" ["category_description"]=> &string(0) "" ["cat_name"]=> &string(9) "Resources" ["category_nicename"]=> &string(9) "resources" ["category_parent"]=> &string(1) "0" } ["queried_object_id"]=> int(3) }

Resources

Podcasts, slides and other presentation materials

We have dozens of presentations online from previous conferences. Explore the links below to see slideshows and hear podcasts from leading experts in:

Getting all touchy feely with the mobile web — Andrew Fisher

Photo of Andrew FisherAs the majority of web users shift to touch devices, the expectation is becoming that everything becomes touchable — including the mobile web. This session will provide a practical and pragmatic view of where touch is at from a web standards perspective and how you can start weaving touch interactions into your mobile web applications.

See the slides and hear the podcast »

HTML5 technologies and game development — Rob Hawkes

Photo of Rob HawkesWith Angry Birds, Cut the Rope and other block­buster games now working in modern web browsers, it’s fair to say native, browser based gaming has arrived for real. But how do they do it? In this session, Mozilla Technical Evangelist Rob Hawkes looks at the features now in your browsers to help develop games (and other interactive web based experiences) including the Canvas and WebGL, HTML5 Audio API, Mouselock and the Joy­stick API.

See the slides and hear the podcast »

Designing in the browser — Divya Manian

Photo of Divya ManianEach website is a product used daily by people to take actions, not just read the content on it. Your product is amorphous, it takes the shape of whatever container it fills: a mobile browser, a touch enabled desktop browser, or a 30″ iMac that is connected to the Internet via tethering. Photoshop is just one of the means to an end in this new age of utilitarian web sites. The new technologies available in HTML5 already allow you to create prototypes quickly in the browser. Learn how to create a prototype from start to finish using these new technologies while taking advantage of quick prototyping tools.

See the slides and hear the podcast »

The Web’s Third Decade — Faruk Ateş

Photo of Faruk AteşOur medium has entered its third decade of existence, and is ready for some growing up. Our definitions and understand­ing of the web are rapidly getting out of date, as, too, are our practices for building on it. It is time to re-​​evaluate where things are and, more importantly, where they are going.

See the slides and hear the podcast »

JavaScript — Enter The Dragon — Dmitry Baranovskiy

Photo of Dmitry BaranovskiySome 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.

See the slides and hear the podcast »

Getting offline: appcache, localStorage for HTML5 apps that work offline — John Allsopp

Photo of John AllsoppOne of the perceived benefits of “native” apps is that they can be installed on a device, then run when the user isn’t connected. But web apps can do this too. In this session, John Allsopp will show you how to use HTML5 features such as appcache and webStorage to create apps that the user can install, and which will work even when the user is cruising at 30,000 feet with no web connection. These features also have the added bonus of helping to improve the performance of web sites and apps, and even work in all modern browsers and devices, including IE8 up!

See the slides and hear the podcast »

HTML5, device APIs and PhoneGap — Dave Johnson

Photo of Dave JohnsonWhere once web pages were sand­boxed, with little if any access to the underlying device capabilities, increasingly, this is no longer the case. From the first steps of geolocation, which enables any web site or application to ask the browser for a user’s location, an increasing range of device features are being exposed in the DOM: the file system, camera, gyrosopes, address book, com­passes and more. In this session, Dave Johnson, originator of the phoneGap project delves into HTML5 and related device APIs, enabling us to build richer, more sophisticated applications in the browser.

See the slides and hear the podcast »

Getting closure in JavaScript — Mark Dalgleish

Photo of Mark DalgleishAn 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.

See the slides and hear the podcast »

Beyond event listeners — Damon Oehlman

Photo of Damon OehlmanStuck 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.

See the slides and hear the podcast »

The HTML5 History API — Anson Parker

Photo of Anson ParkerGet the low-​​down on this excellent HTML5 feature and learn how you can add it to your own web projects (and why you’d want to!). We’ll also look at some of the missteps made along the way (like the 2011/​12 Twitter web interface).

See the slides and hear the podcast »

Truthiness, falsiness and other JavaScript gotchas — Anette Bergo

Photo of Anette BergoDouglas 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.

See the slides and hear the podcast »

Write JavaScript like it’s 2012 — Tony Milne

Photo of Tony MilneThis 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.

See the slides and hear the podcast »

Removing the gag from your browser — Jared Wyles

Photo of Jared WylesBefore 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.

See the slides and hear the podcast »

Clientside templates for reactive UI — Tim Oxley

Photo of Tim OxleyToday’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.

See the slides and hear the podcast »

Fantastic forms for mobile web — Tammy Butow

Photo of Tammy ButowLet’s have a look at how new features such as autofocus, required fields, native date pickers, place­holder text and popping up tailored keyboards for numbers and email addresses on mobile devices can make life more enjoyable!

See the slides and hear the podcast »

« Further reading

Stay in touch
State of Web Development Reports

Flip through our detailed reports focussing on the technologies and techniques used by web professionals around the world.

Slides and podcasts from previous events
Jobs from jobs.webdirections.org

Post contract, part-time or full-time job offerings for web professionals of all types for free, or find properly qualified job openings as a web professional.