Web Directions » javascript http://www.webdirections.org Just another WordPress weblog Fri, 27 Jan 2012 00:02:10 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Tom Hughes-Croucher — Up and Running with Node.jshttp://www.webdirections.org/resources/tom-hughes-croucher-up-and-running-with-node-js/ http://www.webdirections.org/resources/tom-hughes-croucher-up-and-running-with-node-js/#comments Sun, 06 Nov 2011 22:26:41 +0000 Guy Leech http://www.webdirections.org/?p=3873 Photo of Tom Hughes-CroucherLearn how to build high performance Internet and web applications with Node.js.

]]> Web Directions South 2011, Sydney, October 14th.

Presentation slides

Session description

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

About Tom Hughes-Croucher

Photo of Tom Hughes-CroucherTom Hughes-Croucher is the Chief Evangelist at Joyent, sponsors of the Node.js project. Tom mostly spends his days helping companies build really exciting projects with Node and seeing just how far it will scale. Tom is also the author of the O’Reilly book “Up and running with Node.js”. Tom has worked for many well known organizations including Yahoo, NASA and Tesco.

Follow Tom on Twitter: @sh1mmer

]]> http://www.webdirections.org/resources/tom-hughes-croucher-up-and-running-with-node-js/feed/ 0 Julio Cesar Ody — CSS3 and Backbone.js for killer mobile appshttp://www.webdirections.org/resources/julio-cesar-ody-css3-and-backbone-js-for-killer-mobile-apps/ http://www.webdirections.org/resources/julio-cesar-ody-css3-and-backbone-js-for-killer-mobile-apps/#comments Sun, 06 Nov 2011 10:37:34 +0000 Guy Leech http://www.webdirections.org/?p=3867 Photo of Julio Cesar OdyThis session will describe in length a boilerplate you can use for developing your own apps aimed at A grade mobile devices and tablets.

]]> Web Directions South 2011, Sydney, October 13th.

Session description

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

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

About Julio Cesar Ody

Photo of Julio Cesar OdyJulio has been a full-stack software developer for the 12 years of his career, and during this time he went from being a GNU/Linux and Unix sysadmin, to a VoIP PBX architect, and finally a software developer.

Since moving to Australia from Brazil, he has worked on startups and companies building software and at the same time, stuck his nose as much as he can into the human side of the software equation, understanding developer productivity, how software companies work, and product development.

More recently he grew too interested in design for his own good, and began freelancing under the codename of Awesome By Design, writing a bunch of software which he open sourced on GitHub, giving presentations using his own presentation framework, and building software that not only does the job, but does so in style.

Follow Julio on Twitter: @julio_ody

]]> http://www.webdirections.org/resources/julio-cesar-ody-css3-and-backbone-js-for-killer-mobile-apps/feed/ 0 Greg Rewis — Move it! CSS3 Transitions and Animationshttp://www.webdirections.org/resources/greg-rewis-move-it-css3-transitions-and-animations/ http://www.webdirections.org/resources/greg-rewis-move-it-css3-transitions-and-animations/#comments Sat, 05 Nov 2011 22:37:38 +0000 Guy Leech http://www.webdirections.org/?p=3797 Photo of Greg RewisIn this session, we’ll take a look at all of the possibilities and explore what works and where — from the simplest effects, to creative usability enhancements including the combination of CSS with mobile Javascript frameworks.

]]> Web Directions South 2011, Sydney, October 14th.

Presentation slides

Session description

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

About Greg Rewis

Photo of Greg RewisGreg Rewis is the Principal Evangelist for Adobe Systems, focusing on Adobe’s open web products and technologies such as HTML5, CSS3 and Javascript. With over 20 years of computer industry experience, Greg spends in excess of 200 days of the year on the road, talking with customers, giving product demonstrations at seminars, and speaking at industry conferences.

Greg has been passionate about the web since putting his first “home page” online in 1994. His career has taken him around the world, from the early days of desktop publishing, to a start-up in Hamburg, Germany, the glory days of the web at Macromedia and finally his current role at Adobe.

The original GoLive Cyberstudio Product Manager and former Dreamweaver Technical Product Manager, Greg is the co-author of “Mastering CSS with Dreamweaver CS3″ and “Mastering CSS with Dreamweaver CS4″ published by New Riders, as well as a regular contributor to industry publications.

Follow Greg on Twitter: @garazi

]]> http://www.webdirections.org/resources/greg-rewis-move-it-css3-transitions-and-animations/feed/ 0 Damon Oehlman — HTML5 API Souphttp://www.webdirections.org/resources/damon-oehlman-html5-api-soup/ http://www.webdirections.org/resources/damon-oehlman-html5-api-soup/#comments Sun, 23 Oct 2011 00:22:31 +0000 Guy Leech http://www.webdirections.org/?p=3768 Photo of Damon OehlmanIn this session we will explore ways you can implement and combine HTML APIs such as websockets, web workers, local storage, and geolocation to make awesome web apps.

]]> Web Directions South 2011, Sydney, October 14th.

Presentation slides

External slides.

Session description

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

About Damon Oehlman

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

Follow Damon on Twitter: @damonoehlman

]]> http://www.webdirections.org/resources/damon-oehlman-html5-api-soup/feed/ 0 Addy Osmani — Scalable JavaScript Design Patternshttp://www.webdirections.org/resources/addy-osmani-scalable-javascript-design-patterns/ http://www.webdirections.org/resources/addy-osmani-scalable-javascript-design-patterns/#comments Sat, 22 Oct 2011 23:32:57 +0000 Guy Leech http://www.webdirections.org/?p=3762 Photo of Addy OsmaniWould you like to learn how to organize your JavaScript applications so they can scale? Be able to write apps that support switching out Dojo or jQuery without rewriting a line of code?

]]> Web Directions South 2011, Sydney, October 13th.

Presentation slides

Session description

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

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

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

About Addy Osmani

Photo of Addy OsmaniAddy Osmani is a popular JavaScript blogger and a UI Developer for AOL based in London, England. He is also a member of the jQuery [Bug Triage/Docs/Front-end] teams where he assists with bugs, documentation and community updates. His free book, ‘Essential JavaScript Design Patterns’ has been downloaded over 200,000 times in the past year and continues to be expanded in his spare time.

For more on Addy’s work, check out his blog AddyOsmani.com for tutorials, his G+ page for his community updates and magazines such as .net for his thoughts and commentaries.

Follow Addy on Twitter: @addy_osmani

]]> http://www.webdirections.org/resources/addy-osmani-scalable-javascript-design-patterns/feed/ 0 Jeremy Ashkenas — A Cup of CoffeeScripthttp://www.webdirections.org/resources/jeremy-ashkenas-a-cup-of-coffeescript/ http://www.webdirections.org/resources/jeremy-ashkenas-a-cup-of-coffeescript/#comments Sat, 22 Oct 2011 22:51:31 +0000 Guy Leech http://www.webdirections.org/?p=3756 Photo of Jeremy AshkenasAfter a lost decade in the wilderness, JavaScript is starting to change and evolve. We’ll look at CoffeeScript, a little language that compiles into JavaScript, providing concise ways to to write many common JavaScript patterns.

]]> Web Directions South 2011, Sydney, October 13th.

Presentation slides

Session description

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

About Jeremy Ashkenas

Photo of Jeremy AshkenasJeremy Ashkenas is part of the Interactive News team at the New York Times, as well as the lead developer of DocumentCloud, helping news organizations analyze and publish the primary source documents behind the news. He works on CoffeeScript, Backbone.js, Underscore.js, Docco, Jammit, and Ruby-Processing, among other opensource projects.

Follow Jeremy on Twitter: @jashkenas

]]> http://www.webdirections.org/resources/jeremy-ashkenas-a-cup-of-coffeescript/feed/ 0 Douglas Crockford — Server Side JavaScripthttp://www.webdirections.org/resources/douglas-crockford-server-side-javascript/ http://www.webdirections.org/resources/douglas-crockford-server-side-javascript/#comments Sun, 26 Jun 2011 08:37:31 +0000 Guy Leech http://www.webdirections.org/?p=3441 Photo of Douglas CrockfordWe first got server side JavaScript in 1996. This time, we’re going to get it right.

]]> Web Directions @media 2011, London, May 27th 10:45am.

Presentation slides

Presentation slides (PDF)

Session description

We first got server side JavaScript in 1996. This time, we’re going to get it right.

About Douglas Crockford

Photo of Douglas CrockfordDouglas Crockford is an American computer programmer and entrepreneur, best known for his ongoing involvement in the development of the JavaScript language, and for having popularized the data format JSON (JavaScript Object Notation). He is currently a senior JavaScript architect at Yahoo!, and is also a writer and speaker on JavaScript, JSON, and related web technologies.
]]> http://www.webdirections.org/resources/douglas-crockford-server-side-javascript/feed/ 0 Addy Osmani — Tools for jQuery Application Architecturehttp://www.webdirections.org/resources/addy-osmani-tools-for-jquery-application-architecture/ http://www.webdirections.org/resources/addy-osmani-tools-for-jquery-application-architecture/#comments Sun, 26 Jun 2011 04:11:02 +0000 Guy Leech http://www.webdirections.org/?p=3429 Photo of Addy OsmaniIn this talk, JavaScript developer and jQuery Core Bug Triage & Docs team member Addy Osmani discusses tools that can simplify your development process significantly.

]]> Web Directions @media 2011, London, May 26th 11:45m.

Presentation slides

Additional resources and background information are available at Addy’s website.

Session description

Modern JavaScript development often has to address a number of different concerns ranging from the use of architectural patterns such as MVC to improve code organisation, through to JavaScript templating, cross-​​browser storage, routing/​bookmarking, script loading, feature detection and more. In this talk, JavaScript developer and jQuery Core Bug Triage & Docs team member Addy Osmani discusses tools that can simplify your development process significantly.

About Addy Osmani

Photo of Addy OsmaniAddy Osmani is a popular JavaScript Blogger and a senior independent developer based in London, England. He is also a member of the jQuery Bug Triage and Front-​​end teams where he assists with community updates, releases and bugs. Addy’s passion lies in helping spread knowledge about JavaScript and jQuery best practices, coding techniques and open-​​source projects in the community. He achieves this through numerous free online talks, articles and resources which he releases each month.

For more on Addy’s work, check out his official website AddyOsmani​.com for tutorials, jQuery​.com for his community updates and magazines such as .NET for his thoughts and commentaries.

Follow Addy on Twitter: @addyosmani

]]> http://www.webdirections.org/resources/addy-osmani-tools-for-jquery-application-architecture/feed/ 0 Robby Ingebretsen — Get your game on: HTML5 for game buildinghttp://www.webdirections.org/resources/robby-ingebretsen-get-your-game-on-html5-for-game-building/ http://www.webdirections.org/resources/robby-ingebretsen-get-your-game-on-html5-for-game-building/#comments Sat, 04 Jun 2011 01:53:14 +0000 Guy Leech http://www.webdirections.org/?p=3331 Photo of Robby IngebretsenYou’ve seen a lot of demos, but is HTML5 really ready for primetime? We made an HTML5-based pool game with the explicit goal of creating an experience that defies your expectations for what a browser can do. In this session we’ll take you through the challenges and triumphs of working with this new technology. For the experienced HTML5 dev, we’ll share tips and tricks. For the rest of us, it will be a great primer on the exciting potential that HTML5 brings to the web.

]]> Web Directions Unplugged 2011, Seattle, May 12th 1:40pm.

Presentation slides

Session description

You’ve seen a lot of demos, but is HTML5 really ready for primetime? We made an HTML5-based pool game with the explicit goal of creating an experience that defies your expectations for what a browser can do. In this session we’ll take you through the challenges and triumphs of working with this new technology. For the experienced HTML5 dev, we’ll share tips and tricks. For the rest of us, it will be a great primer on the exciting potential that HTML5 brings to the web.

About Robby Ingebretsen

Photo of Robby IngebretsenRobby Ingebretsen is a user experience designer and developer with a singular purpose: making great ideas real. As the founder of Pixel Lab, a user experience consultancy that specializes in Silverlight, HTML5 and mobile technologies, he helps clients make cool stuff–the kind that needs the unique full-bodied blend of a little design love and a little engineering kung-fu.

Follow Robby on Twitter: @ingebretsen

]]> http://www.webdirections.org/resources/robby-ingebretsen-get-your-game-on-html5-for-game-building/feed/ 0 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 Nicholas Zakas PortraitIn 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

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 Zakas PortraitNicholas 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