This article contains 11 images. You will find them at the very end of the article.

This article contains 3679 words.

Web Directions » javascript

Web Directions » javascript http://www.webdirections.org Just another WordPress weblog Tue, 23 Nov 2010 00:03:28 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 Nicholas Zakas — High Performance JavaScripthttp://www.webdirections.org/resources/nicholas-zakas-high-performance-javascript/ http://www.webdirections.org/resources/nicholas-zakas-high-performance-javascript/#comments Wed, 17 Nov 2010 05:03:49 +0000 Guy Leech http://www.webdirections.org/?p=2965 In this talk, you’ll learn what’s going on inside the browser that can slow JavaScript down and how that can end up creating a “slow page”. You’ll also learn how to overcome the conspiracy against your code by eliminating performance bottlenecks.]]> Web Directions USA 2010, Loews Atlanta Hotel, September 23 11.45am.

• Presentation slides
• Session description
• About Nicholas Zakas

Presentation slides

Session description

Ever wonder why the page appears frozen or why you get a dialog saying, “this script is taking too long”? Inside of the browser, JavaScript and the page’s UI are very intertwined, which means they can affect each other and, in turn, affect overall page performance. Ensuring the fastest execution time of JavaScript code isn’t about geek cred, it’s about ensuring that the user experience is as fast and responsive as possible. In a world where an extra second can cost you a visitor, sluggishness due to poor JavaScript code is a big problem. In this talk, you’ll learn what’s going on inside the browser that can slow JavaScript down and how that can end up creating a “slow page”. You’ll also learn how to overcome the conspiracy against your code by eliminating performance bottlenecks.

About Nicholas Zakas

Nicholas C. Zakas is principal front-end engineer for the Yahoo! homepage, a contributor to YUI, and an author. Nicholas has written Professional JavaScript for Web Developers, Professional Ajax, and High Performance JavaScript. He has also contributed a chapter to Steve Souders’ Even Faster Web Sites. Nicholas posts regularly at his blog as well as on YUI Blog.

Follow Nicholas on Twitter: @slicknet

]]> http://www.webdirections.org/resources/nicholas-zakas-high-performance-javascript/feed/ 0 Dmitry Baranovskiy — Raphaël: native web vector graphics libraryhttp://www.webdirections.org/resources/dmitry-baranovskiy-raphael-native-web-vector-graphics-library/ http://www.webdirections.org/resources/dmitry-baranovskiy-raphael-native-web-vector-graphics-library/#comments Mon, 01 Nov 2010 03:40:26 +0000 Guy Leech http://www.webdirections.org/?p=2925 In this session Dmitry Baranovskiy, Raphaël's creator will walk you through its possibilities and will open up new horizons for web graphics that will work in all almost every browser.]]> Web Directions South 2010, Sydney Convention and Exhibition Centre, October 15 2.40pm.

• Audio recording of session
• Presentation slides
• Session description
• About Dmitry Baranovskiy

Presentation slides

Coming soon.

Session description

As SVG and Canvas come of age, every developer who loves standards is wanting to use them in production to make eye-popping effects. But then they come up against the inevitable lack of support in IE6 to 8, and promptly give up the ghost.

Fear not! Raphaël provides a developer friendly API to create graphics that work in Firefox 3.0+, Safari 3.0+, Opera 9.5+ and Internet Explorer 6.0+. Yes, you read that correctly, IE6.

In this session Dmitry Baranovskiy, Raphaël’s creator will walk you through its possibilities and will open up new horizons for web graphics that will work in all almost every browser.

About Dmitry Baranovskiy

Dmitry has over ten years experience in creating web applications. Having started as a back end developer, more recently he has changed his orientation to front end development and even pure design. These days he spends his working hours as Software Architect at Sencha.

He is also the creator of Raphaël, the JavaScript Library, as well as a Optimus, the Microformats transformer. At any given moment he is always working on three secret projects, though no one knows where he gets the time for any of this.

Follow Dmitry on Twitter: @DmitryBranovsk

]]> http://www.webdirections.org/resources/dmitry-baranovskiy-raphael-native-web-vector-graphics-library/feed/ 0 Patrick Lee — JavaScript Sprachraumhttp://www.webdirections.org/resources/patrick-lee-javascript-sprachraum/ http://www.webdirections.org/resources/patrick-lee-javascript-sprachraum/#comments Sat, 23 Oct 2010 01:47:46 +0000 Guy Leech http://www.webdirections.org/?p=2858 In this session Patrick will be looking at JavaScript outside of the browser, focusing on how to use it for web server applications. Starting with the old in Helma and progressing through various usages to the most new and exciting with node.js, Patrick will talk about why JavaScript on the server matters right now and show you how to get started using it.]]> Web Directions South 2010, Sydney Convention and Exhibition Centre, October 15 10.45am.

• Audio recording of session
• Presentation slides
• Session description
• About Patrick Lee

Presentation slides

Session description

Despite being an option on web servers as early as 1995 with Netscape’s LiveWire, JavaScript has long been regarded as a language only of the browser.

Approaching sweet sixteen JavaScript has evolved in the community and gained acceptance as a general purpose programming language.

In this session Patrick will be looking at JavaScript outside of the browser, focusing on how to use it for web server applications. Starting with the old in Helma and progressing through various usages to the most new and exciting with node.js, Patrick will talk about why JavaScript on the server matters right now and show you how to get started using it.

About Patrick Lee

Patrick is a computer programmer and interaction designer. Usually at the same time.

He thinks JavaScript is an important language.

He works for ThoughtWorks.

Follow Patrick on Twitter: @boundvariable

]]> http://www.webdirections.org/resources/patrick-lee-javascript-sprachraum/feed/ 0 Max Wheeler — Location, location, geolocationhttp://www.webdirections.org/resources/max-wheeler-location-location-geolocation/ http://www.webdirections.org/resources/max-wheeler-location-location-geolocation/#comments Fri, 22 Oct 2010 09:21:47 +0000 Guy Leech http://www.webdirections.org/?p=2836 This session will take you through building a location-based mobile app using HTML, CSS, and JavaScript. Including cross-platform techniques for figuring out where your users are, and providing graceful fallbacks options for devices that don't have geolocation support (or users that don't want to tell you exactly). You'll learn about geocoding to a physical address (and the other way around) and look at how to build a mobile-friendly map with local points of interest.]]> Web Directions South 2010, Sydney Convention and Exhibition Centre, October 15 11.45am.

• Audio recording of session
• Presentation slides
• Session description
• About Max Wheeler

Presentation slides

Session description

Phones with GPS are now widely available and the growing support for the JavaScript geolocation API means location based services aren’t restricted to the realm of native applications. Now is the time to learn how to take advantage of this information and add provide your users with the best personal and contextual experience.

This session will take you through building a location-based mobile app using HTML, CSS, and JavaScript. Including cross-platform techniques for figuring out where your users are, and providing graceful fallbacks options for devices that don’t have geolocation support (or users that don’t want to tell you exactly). You’ll learn about geocoding to a physical address (and the other way around) and look at how to build a mobile-friendly map with local points of interest.

About Max Wheeler

An interaction designer with a passion for emerging technologies, Max believes the web should function as beautifully as it looks. He currently resides in Canberra where he works with Icelab, a media-agnostic design agency with a team of good people.

In his spare time Max takes photographs, travels the world, and builds web applications that do useful things. His latest pet project is Decaf Sucks, a site for helping you to find the good cafés and avoid the bad ones. He also happens to be the current world champion in the sport of beach ultimate.

Follow Max on Twitter: @makenosound

]]> http://www.webdirections.org/resources/max-wheeler-location-location-geolocation/feed/ 0 Steve Souders — Even Faster Web Siteshttp://www.webdirections.org/resources/steve-souders-even-faster-web-sites-2/ http://www.webdirections.org/resources/steve-souders-even-faster-web-sites-2/#comments Fri, 22 Oct 2010 05:12:28 +0000 Guy Leech http://www.webdirections.org/?p=2816 Web 2.0 is adding more and more content to our pages, especially features that are implemented in Ajax. But our web applications are evolving 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 applications faster. In this session, Steve Souders discusses web performance best practices from his second book, Even Faster Web Sites. These time-saving techniques are used by the world's most popular web sites to create a faster user experience, increase revenue, and reduce operating costs. Steve provides technical details about reducing the pain of JavaScript, as well as secrets for making your page load faster in emerging markets where network connectivity is a challenge.]]> Web Directions South 2010, Sydney Convention and Exhibition Centre, October 14 2.40pm.

• Audio recording of session
• Presentation slides
• Session description
• About Steve Souders

Presentation slides

Session description

Web 2.0 is adding more and more content to our pages, especially features that are implemented in Ajax. But our web applications are evolving 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 applications faster. In this session, Steve Souders discusses web performance best practices from his second book, Even Faster Web Sites. These time-saving techniques are used by the world’s most popular web sites to create a faster user experience, increase revenue, and reduce operating costs. Steve provides technical details about reducing the pain of JavaScript, as well as secrets for making your page load faster in emerging markets where network connectivity is a challenge.

About Steve Souders

Steve works at Google on web performance and open source initiatives. He previously served as Chief Performance Yahoo!. Steve is the author of High Performance Web Sites and Even Faster Web Sites. He created YSlow, the performance analysis plug-in for Firefox. He serves as co-chair of Velocity, the web performance and operations conference from O'Reilly, and is co-founder of the Firebug Working Group. He recently taught CS193H: High Performance Web Sites at Stanford University.

Follow Steve on Twitter: @souders

]]> http://www.webdirections.org/resources/steve-souders-even-faster-web-sites-2/feed/ 0 Tom Hughes-Croucher — An introduction to server-side JavaScripthttp://www.webdirections.org/resources/tom-hughes-croucher-an-introductions-to-server-side-javascript/ http://www.webdirections.org/resources/tom-hughes-croucher-an-introductions-to-server-side-javascript/#comments Mon, 19 Jul 2010 07:19:06 +0000 Guy Leech http://www.webdirections.org/?p=2712 Server-side JavaScript has really started to take off, with a number of great projects providing different pieces of the puzzle. This talk will introduce server-side JavaScript and provide an overview of the existing projects as well as some ideas about where it’s all going in the future.]]> Web Directions @media 2010, Southbank Centre London, June 11 11.45am.

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

Presentation slides

Session description

Server-side JavaScript has really started to take off, with a number of great projects providing different pieces of the puzzle. This talk will introduce server-side JavaScript and provide an overview of the existing projects as well as some ideas about where it’s all going in the future.

Tom will look at how the various JavaScript runtimes, such as V8 and Rhino, affect development and provide their own unique features. You’ll also see the standardisation effort of Common.js and why it’s shaping how people write server-side JavaScript.

All the leading SSJS frameworks – Node.js, Narwhal, Jaxer – will be discussed as well as some more quirky uses of JavaScript on the server such as CouchDB and YQL.

About Tom Hughes-Croucher

Tom Hughes-Croucher is an Evangelist and Senior Developer in Yahoo’s Open Strategy Group, focusing on Yahoo¹s Web Services and Cloud Platform.

Tom joined Yahoo! to work on the Yahoo! frontpage in Europe as a Front end engineer. He brought his experience from contributing to a number of Web standards for the World Wide Web Consortium (W3C) and the British Standards Institute (BSI).

Before joining Yahoo! he helped build the online music stores for some of the UK’s largest brands including Tesco, Three Telecom and Channel 4.

Follow Tom on Twitter: @sh1mmer

]]> http://www.webdirections.org/resources/tom-hughes-croucher-an-introductions-to-server-side-javascript/feed/ 2 John Resig — Testing mobile JavaScripthttp://www.webdirections.org/resources/john-resig-testing-mobile-javascript/ http://www.webdirections.org/resources/john-resig-testing-mobile-javascript/#comments Mon, 19 Jul 2010 05:58:18 +0000 Guy Leech http://www.webdirections.org/?p=2697 This talk will be a comprehensive look at what you need to know to properly test your web applications on mobile devices. We’ll look at the different mobile phones that exist, what browsers they run, and what you can do to support them. Additionally we’ll examine some of the testing tools that can be used to make the whole process much easier.]]> Web Directions @media 2010, Southbank Centre London, June 10 10.45am.

• Audio recording of session
• Presentation slides
• Session description
• About John Resig

Presentation slides

Session description

This talk will be a comprehensive look at what you need to know to properly test your web applications on mobile devices. We’ll look at the different mobile phones that exist, what browsers they run, and what you can do to support them. Additionally we’ll examine some of the testing tools that can be used to make the whole process much easier.

About John Resig

John Resig is a JavaScript Tool Developer for the Mozilla Corporation and the author of the book Pro JavaScript Techniques. He's also the creator and lead developer of the jQuery JavaScript library.

Currently, John is located in Boston, MA. He's hard at work on his second book, Secrets of the JavaScript Ninja, due in bookstores soon.

Follow John on Twitter: @jeresig

]]> http://www.webdirections.org/resources/john-resig-testing-mobile-javascript/feed/ 3 Remy Sharp — Browsers with wings: HTML5 APIshttp://www.webdirections.org/resources/remy-sharp-browsers-with-wings-html5-apis/ http://www.webdirections.org/resources/remy-sharp-browsers-with-wings-html5-apis/#comments Sun, 18 Jul 2010 23:39:35 +0000 Guy Leech http://www.webdirections.org/?p=2667 HTML5 is all the rage with the cool kids, and although there’s a lot of focus on the new language, there’s plenty for web app developers with new JavaScript APIs both in the HTML5 spec and separated out as their own W3C specifications. This session will take you through demos and code and show off some of the outright crazy bleeding edge demos that are being produced today using the new JavaScript APIs. But it’s not all pie in the sky – plenty is useful today, some even in Internet Explorer!]]> Web Directions @media 2010, Southbank Centre London, June 11 1.40pm.

• Audio recording of session
• Presentation slides
• Session description
• About Remy Sharp

Presentation slides

Session description

HTML5 is all the rage with the cool kids, and although there’s a lot of focus on the new language, there’s plenty for web app developers with new JavaScript APIs both in the HTML5 spec and separated out as their own W3C specifications. This session will take you through demos and code and show off some of the outright crazy bleeding edge demos that are being produced today using the new JavaScript APIs. But it’s not all pie in the sky – plenty is useful today, some even in Internet Explorer!

Specifically we’ll be looking at scripting the video media element, 2D canvas and some of the mashups we can achieve. How to take our web apps completely offline, going beyond the cookie and HTML5’s answer to threading: web workers.

About Remy Sharp

Remy Sharp is a developer, speaker, blogger, author of upcoming jQuery for Designers (Manning) and co-author of Introduction to HTML5 (New Riders). He also organises the Full Frontal JavaScript Conference and is one of the curators of HTML5 Doctor.

jQuery team member (developer relations, formally evangelism) and the developer on a fistful of JavaScript related apps, Remy loves his JavaScript and he is keen as mustard to share it with other developers.

Follow Remy on Twitter: @rem

]]> http://www.webdirections.org/resources/remy-sharp-browsers-with-wings-html5-apis/feed/ 2 Steve Souders — Even faster web siteshttp://www.webdirections.org/resources/steve-souders-even-faster-web-sites/ http://www.webdirections.org/resources/steve-souders-even-faster-web-sites/#comments Sat, 10 Jul 2010 23:47:51 +0000 Guy Leech http://www.webdirections.org/?p=2649 Web 2.0 is adding more and more content to our pages, especially features that are implemented in Ajax. But our web applications are evolving 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 applications faster. In this session, Steve Souders discusses web performance best practices from his second book, Even Faster Web Sites. These time-saving techniques are used by the world’s most popular web sites to create a faster user experience, increase revenue, and reduce operating costs. Steve provides technical details about reducing the pain of JavaScript, as well as secrets for making your page load faster in emerging markets where network connectivity is a challenge.]]> Web Directions @media 2010, Southbank Centre London, June 11 2.40pm.

• Audio recording of session
• Presentation slides
• Session description
• About Steve Souders

Presentation slides

Session description

Web 2.0 is adding more and more content to our pages, especially features that are implemented in Ajax. But our web applications are evolving 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 applications faster. In this session, Steve Souders discusses web performance best practices from his second book, Even Faster Web Sites. These time-saving techniques are used by the world’s most popular web sites to create a faster user experience, increase revenue, and reduce operating costs. Steve provides technical details about reducing the pain of JavaScript, as well as secrets for making your page load faster in emerging markets where network connectivity is a challenge.

About Steve Souders

Steve works at Google on web performance and open source initiatives. He previously served as Chief Performance Yahoo!. Steve is the author of High Performance Web Sites and Even Faster Web Sites. He created YSlow, the performance analysis plug-in for Firefox. He serves as co-chair of Velocity, the web performance and operations conference from O'Reilly, and is co-founder of the Firebug Working Group. He recently taught CS193H: High Performance Web Sites at Stanford University.

Follow Steve on Twitter: @souders

]]> http://www.webdirections.org/resources/steve-souders-even-faster-web-sites/feed/ 1 Rob Mitchell & Mike Williams — Test your JavaScripthttp://www.webdirections.org/resources/rob-mitchell-mike-williams-test-your-javascript/ http://www.webdirections.org/resources/rob-mitchell-mike-williams-test-your-javascript/#comments Fri, 09 Oct 2009 08:13:53 +0000 Guy Leech http://www.webdirections.org/?p=2221 Mike 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 appropriate. They’ll also discuss integration of your tests into an automated build, and you’ll leave with a burning desire to try it out on your own projects.]]> Web Directions South 2009, Sydney Convention Centre, October 9 2.40pm.

• Audio recording of session
• Presentation slides
• Session description
• About Rob Mitchell & Mike Williams

Presentation slides

Session description

Increasingly, web-application behaviour is split between logic running on the server, and JavaScript logic running in the browser. Automated testing of the server-side component is fairly common, but too often the browser-side logic is left out in the cold.

Mike 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 appropriate. They’ll also discuss integration of your tests into an automated build, and you’ll leave with a burning desire to try it out on your own projects.

About Rob Mitchell

Rob Mitchell was exposed to Agile Software Development in 2001 and since then has been a strong advocate of automated testing of software, allowing quick feedback. He has extensive experience in writing and testing web applications as well as leading teams to deliver quality software.

Follow Rob on Twitter: @rob_mitch

About Mike Williams

Mike Williams has been developing software for about 20 years, in New Zealand, the UK and Australia. He became interested in eXtreme Programming and Test-Driven Development in 2001, shortly after moving to Australia, and has been promoting agile approaches to software development since then. Mike was an early contributer to Selenium, a popular web-application testing tool.

Follow Mike on Twitter: @woollyams

]]> http://www.webdirections.org/resources/rob-mitchell-mike-williams-test-your-javascript/feed/ 0