Presentations about javascript

Podcasts, slides, videos and more

Tom Hughes-​​Croucher — An introduction to server-​​side JavaScript

Tom Hughes-Croucher PortraitServer-​​side JavaScript has really started to take off, with a num­ber of great projects pro­vid­ing dif­fer­ent pieces of the puz­zle. This talk will intro­duce server-​​side JavaScript and pro­vide an overview of the exist­ing projects as well as some ideas about where it’s all going in the future.

See the slides and hear the podcast »

John Resig — Testing mobile JavaScript

John Resig PortraitThis talk will be a com­pre­hen­sive look at what you need to know to prop­erly test your web appli­ca­tions on mobile devices. We’ll look at the dif­fer­ent mobile phones that exist, what browsers they run, and what you can do to sup­port them. Additionally we’ll exam­ine some of the test­ing tools that can be used to make the whole process much easier.

See the slides and hear the podcast »

Remy Sharp — Browsers with wings: HTML5 APIs

Remy Sharp PortraitHTML5 is all the rage with the cool kids, and although there’s a lot of focus on the new lan­guage, there’s plenty for web app devel­op­ers with new JavaScript APIs both in the HTML5 spec and sep­a­rated out as their own W3C spec­i­fi­ca­tions. This ses­sion will take you through demos and code and show off some of the out­right crazy bleed­ing edge demos that are being pro­duced today using the new JavaScript APIs. But it’s not all pie in the sky – plenty is use­ful today, some even in Internet Explorer!

See the slides and hear the podcast »

Steve Souders — Even faster web sites

Steve Souders PortraitWeb 2.0 is adding more and more con­tent to our pages, espe­cially fea­tures that are imple­mented in Ajax. But our web appli­ca­tions are evolv­ing faster than the browsers that they run in. We don’t have to rely on or wait for the release of new browsers to make our web appli­ca­tions faster. In this ses­sion, Steve Souders dis­cusses web per­for­mance best prac­tices from his sec­ond book, Even Faster Web Sites. These time-​​saving tech­niques are used by the world’s most pop­u­lar web sites to cre­ate a faster user expe­ri­ence, increase rev­enue, and reduce oper­at­ing costs. Steve pro­vides tech­ni­cal details about reduc­ing the pain of JavaScript, as well as secrets for mak­ing your page load faster in emerg­ing mar­kets where net­work con­nec­tiv­ity is a challenge.

See the slides and hear the podcast »

Rob Mitchell & Mike Williams — Test your JavaScript

Rob Mitchell PortraitMike Williams PortraitMike Williams and Rob Mitchell will explain why you should test your JavaScript code, what to test, and how to go about it. They’ll talk about full-​​stack browser-​​based tests, as well as true unit tests, and explain where each are appro­pri­ate. They’ll also dis­cuss inte­gra­tion of your tests into an auto­mated build, and you’ll leave with a burn­ing desire to try it out on your own projects.

See the slides and hear the podcast »

Dmitry Baranovskiy — Canvas

Dmitry Baranovskiy PortraitIn this ses­sion, JavaScript ninja Dmitry Baranovskiy takes us into the heart and soul of Canvas, look­ing at what it does well, and not so well, how well it is sup­ported, and how to use it in cross browser com­pat­i­ble ways. Developers with a good grasp of JavaScript will be able to add another dimen­sion to their web solu­tions based on what they learn in this session.

See the slides and hear the podcast »

Douglas Crockford — Ajax security

Web Directions South 2008, Sydney Convention Centre, September 26 2.40pm.

Douglas Crockford PortraitSecurity design is an impor­tant, but often neglected, com­po­nent of sys­tem design. In this ses­sion, Douglas Crockford, cre­ator of Javascript Object Notation, will out­line the secu­rity issues that must be con­sid­ered in the archi­tec­ture of Ajax applications.

The design of the browser did not antic­i­pate the needs of mul­ti­party appli­ca­tions. The browser’s secu­rity model frus­trates use­ful activ­i­ties and allows some very dan­ger­ous activ­i­ties. This talk will look at the small set of options before us that will deter­mine the future of the Web.

During this ses­sion, atten­dees will:

  • Learn why effec­tive secu­rity is an inher­ent fea­ture of good design;
  • Experience a real-​​time demo of a Ajax client/​server sys­tem based on sound secu­rity principles
  • See how to apply secure design to rich web applications.

See the slides and hear the podcast »

Panel — Javascript libraries — putting the cross in cross-​​browser compatible

Web Directions South 2008, Sydney Convention Centre, September 25 1.40pm.

No longer are search engines the main con­tenders when you’re shop­ping for JavaScript solu­tions. For sophis­ti­cated, cross-​​browser effects which degrade grace­fully and don’t impede acces­si­bil­ity, libraries are the new heavy weights. But which library do you want in your corner?

The crop of pol­ished, open­source libraries bring a vast array of visual effects and func­tion­al­ity to lever­age in your projects and we’ll intro­duce you to the power houses. We’ll run jQuery, the YUI, and Prototype up against pure Javascript in a tag team event that will chal­lenge even the hardi­est code warriors.

In this spe­cial 2 hour ses­sion local and inter­na­tional devel­op­ers will run libraries through their paces giv­ing you real world insights in to how a library can help you knock­out the tough­est script­ing challenge.

See the slides and hear the podcast »

Dmitry Baranovskiy — Start using web vector graphics today

Web Directions South 2008, Sydney Convention Centre, September 25 10.45am.

Dmitry Baranovskiy  PortraitWith the growth of inter­ac­tiv­ity in web appli­ca­tions we are push­ing Javascript to its lim­its, not to men­tion the lim­its of HTML and CSS. And so we spend our days resort­ing to Flash, wait­ing for that dis­tant time when browser sup­port for CSS3 will come to our res­cue and allow us to cre­ate the UIs we dream of. But this is not the way it has to be: there is a lit­tle known secret weapon right here in most mod­ern browsers. Yes, even in IE6.

Dmitry Baranovskiy is here to tell you about Canvas, SVG and VML. Come along and be amazed by stan­dards based UI wiz­ardry you can start imple­ment­ing in projects right here, right now.

See the slides and hear the podcast »

Patrick Lee — One paper clip, a box of matches, and some JavaScript

A pre­sen­ta­tion given at at Web Directions Government, Old Parliament House, Canberra, May 19 2008.

Patrick Lee PortraitWhoever you are, if you’re writ­ing JavaScript, there’s some aspect of your devel­op­ment that you would love to change if you had the chance. But the real­ity is you’ll never find your­self work­ing in this ideal envi­ron­ment: deal­ing with legacy browsers, plat­forms and con­tent man­age­ment sys­tems will be your con­stant as a devel­oper. Patrick Lee is going to show you some tools and tech­niques that will help you make your peace with this fact.

This ses­sion will explore how you can find ways to do the cool stuff you really want to do with JavaScript whilst work­ing in the real world. And you won’t even have to sell your soul in the process.

See the slides and hear the podcast »

Andrew Kesper — ABC’s election site: making the most of dry data

A pre­sen­ta­tion given at at Web Directions User Experience, Melbourne Town Hall, May 16 2008, and Web Directions Government, Old Parliament House, Canberra, May 19 2008.

Andrew Kesper PortraitWhile elec­tions can be excit­ing times, the under­ly­ing data — swings, booth counts, and the like is prob­a­bly only riv­et­ing to psepho­log­i­cal trag­ics. Yet the ABC’s elec­tion web site man­aged to take this raw data and make it attrac­tive, com­pelling and interactive.

In this ses­sion, the ABC’s Andrew Kesper takes us through the elec­tion site, look­ing at the design deci­sions, and uses of tech­nol­ogy like Ajax, Flash, and inter­ac­tive maps — tools which have wide applic­a­bil­ity for gov­ern­ment sites look­ing to present data in more user-​​friendly and attrac­tive ways.

See the slides and hear the podcast »

Kaitlin Sherwood & Steffen Meschkat — The Business and Technology of Mashups

A pre­sen­ta­tion given at at Web Directions North, Vancouver, February 8, 2007.

Mashups are the hottest web devel­op­ment topic today. Hear about the front-​​end, back-​​end, and busi­ness issues of mashups with these two experts who know more about them than just about anyone.

Kaitlin Sherwood: Overview of Maps Mashup Technologies

In the past two years, there has been an explo­sion of tools for con­vey­ing geo­graphic infor­ma­tion to the masses. In this talk, Kaitlin Duck Sherwood will intro­duce major con­cepts and issues, and dis­cuss the pros and cons of each of the major mashup frame­works. Attendees will gain an appre­ci­a­tion for their map­ping options, and infor­ma­tion to help them bet­ter choose between them based on their par­tic­u­lar needs.

Steffen Meschkat

A cen­tral topic of “Web 2.0” is browser-​​side web appli­ca­tion pro­gram­ming inter­faces (APIs) and the spe­cific type of web appli­ca­tion they give rise to: mashups.

Using the Google Maps API as an exam­ple, I put this devel­op­ment into a per­spec­tive that allows one to appre­ci­ate how this, on the one hand, is a nat­ural and coher­ent evo­lu­tion of the Web that, on the other hand, sig­nif­i­cantly alters the ways of orga­niz­ing the world’s infor­ma­tion that the Web makes pos­si­ble. I also dis­cuss the spe­cific tech­nolo­gies that web APIs for mashups are based upon, and their some­times chal­leng­ing idiosyncrasies.

See the slides and hear the podcast »

Aaron Gustafson & Andy Clarke — Transcendent Design with Javascript and CSS

A pre­sen­ta­tion given at at Web Directions North, Vancouver, February 7, 2007.

Traditionally, CSS has been the domain of design­ers while JavaScript was for pro­gram­mers, but these tech­nolo­gies can and should work together to improve your vis­i­tors’ expe­ri­ences. After all, you can do amaz­ing things with CSS, but when you start to use CSS in con­cert with DOM Scripting, there’s almost no limit to what you can achieve.

MOD-​​ern web designer Andy Clarke and DOM/​Ajax devel­oper Aaron Gustafson will take your CSS skills and super­charge them with JavaScript magic, explor­ing how you can make CSS and JavaScript work together to make beau­ti­ful (and func­tional) results.

See the slides and hear the podcast »

Jeremy Keith & Derek Featherstone — Web Apps — Ajax Kung Fu Meets Accessibility Feng Shui

A pre­sen­ta­tion given at at Web Directions North, Vancouver, February 7, 2007.

Where can you find Ajax enlight­en­ment? At the mys­ti­cal point where a kick-​​ass appli­ca­tion con­nects per­fectly with the Flow of the best user expe­ri­ences. Let Masters Jeremy and Derek guide you there.

You seek to infuse your work, whether an app or a web site fea­ture, with the power of Ajax. But, tak­ing the wrong path at the begin­ning of your project will lead to frus­tra­tion for vis­i­tors, rather than a grace­ful, intu­itive expe­ri­ence. True Masters start with the right ques­tions: When is Ajax an enhance­ment? When is it a hin­drance? How can its energy be chan­neled ele­gantly? This insight­ful ses­sion will be grounded in real-​​life exam­ples and demon­stra­tions, reveal­ing the impact of the choices we make. Above all, you’ll learn the strate­gi­cal think­ing and higher per­spec­tive that will ensure a bril­liantly user-​​centered web site.

Where can you find Ajax enlight­en­ment? At the mys­ti­cal point where a kick-​​ass appli­ca­tion con­nects per­fectly with the Flow of the best user expe­ri­ences. Let Masters Jeremy and Derek guide you there.

You seek to infuse your work, whether an app or a web site fea­ture, with the power of Ajax. But, tak­ing the wrong path at the begin­ning of your project will lead to frus­tra­tion for vis­i­tors, rather than a grace­ful, intu­itive expe­ri­ence. True Masters start with the right ques­tions: When is Ajax an enhance­ment? When is it a hin­drance? How can its energy be chan­neled ele­gantly? This insight­ful ses­sion will be grounded in real-​​life exam­ples and demon­stra­tions, reveal­ing the impact of the choices we make. Above all, you’ll learn the strate­gi­cal think­ing and higher per­spec­tive that will ensure a bril­liantly user-​​centered web site.

See the slides and hear the podcast »

Andrew Downie and Grant Focas — Javascript and other coding for good or evil

A pre­sen­ta­tion given at Web Directions South, Sydney Australia, September 28 2007.

Andrew Downie PortraitGrant Focas PortraitWhen Version 2 of the Web Content Accessibility Guidelines is finally released, the sta­tus of Javascript will be quite dif­fer­ent to that assigned to it in Version 1.0 back in 1999. Back then, Javascript was to “degrade grace­fully”. Currently AJAX offers increased usabil­ity for visual users, but may detract from acces­si­bil­ity. In future, use of JavaScript will be encour­aged but, of course, must enhance rather than detract from acces­si­bil­ity. During this pre­sen­ta­tion, Andrew and Grant will demon­strate how Javascript, when imple­mented well, offers enhanced acces­si­bil­ity. By way of bal­ance, they will also present exam­ples of script­ing that causes prob­lems. Importantly, they will pro­vide cor­rec­tions to the errant coding.

See the slides and hear the podcast »

Aaron Gustafson — Learning to love forms

A pre­sen­ta­tion given at Web Directions South, Sydney Australia, September 28 2007.

Aaron Gustafson PortraitForms. We all have to make ‘em, but few of us love ‘em. Aaron Gustafson believes that this is because we don’t under­stand them. In this ses­sion, we will explore forms from top to bot­tom, exam­in­ing how they work and how their com­po­nents can be incor­po­rated with other ele­ments to max­i­mize acces­si­bil­ity, improve seman­tics, and allow for more flex­i­ble styling. You’ll get to see the com­plete pic­ture with forms, includ­ing error, warn­ing and for­mat­ting mes­sages, styling and its impli­ca­tions, as well as best prac­tices for manip­u­la­tion with Javascript and Ajax.

See the slides and hear the podcast »

Jeremy Keith — Hijax

A pre­sen­ta­tion given at Web Directions South, Sydney Australia, September 29 2006.

Jeremy Keith Portrait

Hijax is all about apply­ing pro­gres­sive enhance­ment to Ajax. In the Hijax model, JavaScript isn’t used for advanced inten­sive pro­cess­ing. Instead, the XMLHttpRequest object acts like a dumb waiter, pass­ing infor­ma­tion back­wards and for­wards between the client and the server. By hijack­ing the reg­u­lar func­tion­al­ity and replac­ing it with an enhanced Ajax ver­sion, you can be assured that your web­site will work with or with­out Ajax. See the slides and hear the podcast »

Cameron Adams and Kevin Yank — JavaScript APIs & Mashups

A pre­sen­ta­tion given at Web Directions South, Sydney Australia, September 29 2006.

Cameron Adams PortraitKevin Yank  PortraitAdding JavaScript to your port­fo­lio used to mean more work. Thanks to the wide range of APIs spring­ing up from the likes of Google (Mail, Maps, Ads, Calendar, Search, etc.), Yahoo! (Flickr, Maps, Search, etc.) and Microsoft (Virtual Earth), JavaScript can actu­ally save you a lot of work these days. JavaScript vet­er­ans Cameron Adams (The Man In Blue) and Kevin Yank (SitePoint) will take a whirl­wind (and some­what irrever­ant) tour of the “free stuff” you get from JavaScript today, and the cre­ative things peo­ple are doing with it.

See the slides and hear the podcast »

Jeremy Keith — Explaining Ajax

A pre­sen­ta­tion given at Web Directions South, Sydney Australia, September 28 2006.

Jeremy Keith Portrait

Apart from being the buzz­word de jour, what is this Ajax stuff that every­one is talk­ing about? Take a look at some imple­men­ta­tions out there and start think­ing about how Ajax can add value to your site. See the slides and hear the podcast »