Javascript & HTML5

Interested in HTML5? Want a chance to play around with the latest and greatest in web app development? This workshop is for you! We'll cover feature detection, web forms, the new HTML elements, take a spin around the canvas, and we'll finish up with offline/local storage. Read more.

If you enjoy writing JavaScript then you'll really enjoy CoffeeScript, a new language which transcompiles into CoffeeScript. Inspired by languages like Ruby, Python, and Haskell, it allows you to write less code to get more done. In this course students will learn the basics of CoffeeScript using the Code School in-browser challenge engine. Read more.

The Canvas element is one of the most exciting features added to HTML since the marquee tag. You can draw 2D graphics, implement special effects, edit photos at the pixel level, and bring rich animation to both desktop and mobile browsers alike; no plugins required. By the end of this workshop you will have good running code. New for 2012: adv. audio, WebGL, and mobile canvas support. Read more.

So you know the basics of jQuery and Selectors, but you want to solidify your knowledge with jQuery events, ajax, effects, and code organization. This course picks up where Intro to jQuery 1 left off, jumping straight into the most useful jQuery techniques. We'll cover Events, AJAX, Effects, and Code Organization in detail, utilizing the Code School engine so you can code in the browser. Read more.

Web development without Photoshop, IDs or classes? Improve your development time, reduced maintenance costs, SEO, accessibility and site performance with CSS. This skills-based workshop will cover including selectors, specificity, media queries, backgrounds, gradients, animations, browser quirks, debugging and basic to advanced best practices. Read more.

Want to write Node.JS applications and want someone to show you the ropes? In this workshop we will go through a quick paced introduction to node.JS, and will introduce the basic principles of writing evented IO applications. For the more advanced developers it will be interactive on the depth of certain subjects. Read more.

Learn how to make beautiful, fast, and interactive maps for web and mobile using the latest open source tools. Technologies discussed will include Node.js, Mapnik, TileMill, MapBox, CartoDB, and TileStache. TileMill wil be the central tool used for hands-on learning. We will showcase how both technical and non-technical users can turn raw data into hosted and embeddable maps. Read more.

This talk is a demo-fueled, fast-paced introduction to HTML5 Canvas. Read more.

Believe it or not, the JavaScript party hasn't stopped. What other libraries are out there? What do they offer? This talk will survey the field of modern JavaScript libraries getting you up to speed on what's new. Read more.

You package your assets. You use CSS sprites. You serve up everything with gzip compression. You obsess over Yslow recommendations. But you are still not SPDY. Fundamental limitations in HTTP and TCP/IP still add up to 60% overhead to your site. Find out how to reclaim that lost bandwidth and increase the robustness of your sites at the same time. Read more.

Testing HTML UIs - can it be done? Most people instinctively say no, but it doesn't have to be like that. Using technologies like Webdriver, Selenium, and Geb, it actually becomes possible, and we'll take a look at how. Read more.

If you are flummoxed with HTML5 video—browers, codecs, and containers—this is your talk. In a plain-spoken, easy to understand style, Scott Davis will help you cut through the hype and the hope and add video to your website. Read more.

WebRTC is a new web standard for HD video calling and conferencing that will be supported in Chrome and Firefox this summer. We'll give an overview of the APIs and protocol stack and explore how it will change the way people communicate. Read more.

Unlike some introductions to Node.js that spend time explaining event loops and web sockets, this session start with a typical “Hello, Node” demo and quickly moves to short, fully-functional pps that show how to deal with static files, POST forms, mashups from other servers, file manipulation, data-handling, and even supporting HTTP Authentication. Read more.

While dynamic languages are extremely popular for rapid development, they're notoriously difficult to debug in production. Despite being a relative newcomer, Node.js has already developed sophisticated tools for both postmortem and runtime analysis that exceed those of many popular languages. We will discuss our work building and deploying such tools, including real-world production experiences. Read more.

This session takes you through an in-depth look at the HTML 5 Geolocation API. We'll nail down what it is and how to use it effectively. Our tips and tricks will save you a ton of time. We'll demonstrate those key concepts through real-world demos that will also take you to the next step and show you several ways to analyze and make sense of the data. Read more.

There are millions of software users with disabilities worldwide, yet many web application developers aren't aware of the techniques which can be used to make their software accessible. This talk will give an overview of what accessibility means and why it's important to you, a run-down of the technology and techniques for achieving it, and a look at how browsers provide accessibility support. Read more.

Nowadays many modern web applications are solely relying on JavaScript to render their frontend. But if you want to create mashups, load data from many different places or include external widgets into your site, you are quickly running into boundaries because of browser and security restrictions. In this presentation I will talk about techniques helping you with such problems. Read more.

For the first time in Wikipedia's 11 year history, it rolled out open source WebFonts in January to make open knowledge more accessible to billions of readers in 14 major Indic languages. Learn more about how open source internationalization tools such as WebFonts, Narayam and language support are helping make valuable content on the Web more accessible. Read more.

Excellent statistical graphics first and foremost *show the data*. Likewise, the tools for making such graphics should emphasize essential data-visual mappings and hide implementation details. We describe a D3-like language for visualizing data on the web using declarative, constraint-based layout, implemented in ClojureScript. Read more.

We will cover the migration from Flash players to HTML5 and tools to support that transition. We will look at challenges of creating a consistent user experience with HTML5 video across devices. We will share insight from our html5video.org survey of industry leading open source players including benchmarks on performance and supported plugins. Read more.

Are you building a big app, and wondering why NodeJS backends scale so well for applications? At Cloud9 we have built our entire backend in Node.JS, and it has taught us a lot of lessons. In this presentation i want to go through what we learned at Cloud9 IDE also want to give attention to common pitfalls and tracing bugs. Read more.

Dozens of toolkits offer a range of widgets to build rich web applications, but the included widget set is rarely enough. This presentation shows how a new component can be designed and implemented from scratch. Topics covered include considerations for choosing DOM structure, finding a balance between performance and features, implementation considerations and testing the component. Read more.

Today's web and mobile apps ever more personalized with increased reliance on server side APIs. But data retrieval from servers slows down developers and users due to code complexity, latency, low-resiliency, and bandwidth use. In this talk we'll show how ql.io, a node.js based HTTP gateway from eBay, can accelerate HTTP API programming to boost performance and user experience. Read more.