The Hyperinteractive Client

With the growing capabilities offered by HTML and JavaScript in the browser and on the server, using platforms like Node.JS, the expectations of our users have also grown. They have come to expect applications that deliver real-time data and interaction quickly and easily without page reloads both on the desktop and on their mobile devices. In this track, we'll look at some of the tools and frameworks available for JavaScript that help you make this happen.

Day of week:

Wednesday

Location:

Grand Ballroom - Salon C

Host:

Burke Holland

Presentations

Web Application Development with Flight

10:40am - 11:30am

By: Kassandra Perch
JavaScript framework fanatic

Twitter’s Flight framework is unobtrusive, powerful, and allows you to structure your client-side javascript more efficiently and makes it more manageable and testable. It gives you tools such as a modular system, event-based architecture, and functional mixins- all with tiny overhead. It even integrates easily with non-flight code, allowing for a piecemeal conversion of old code to a Flight-based system. This talk will go over Flight and how you can start using it, today, to create great javascript applications.

Slides: http://kperch.github.io/qcon

Mobile Web: So Hot Right Now

1:45pm - 2:35pm

By: Dave Arel
Director of JavaScript Engineering at @bellycard

Sometimes, you've got to rock the boat to keep it from sinking. Belly's decision to scrap their native iPad app and build an [HTML5 hybrid app](html5hub.com/html5-mobile-never-looked-so-good/) was a risky move but proved to be one of the best decisions the startup has made. While mobile web is considered a harsh environment with low processing power, a few key techniques can be used to get the best performance out of your application. Belly's unique deployment platform enables instantaneous software updates to any or all devices at any time; making A/B testing, bug fixing, and innovating a breeze. In this talk, Dave Arel will discuss how to build fast, proficient, native-like HTML5 mobile applications, and the enormous benefit it surely brings.

Zero To Testing In JavaScript

4:15pm - 5:05pm

By: Pamela Selle
Test-driven developer

You know you ought to be writing tests for your JavaScript, but how do you get there? The path to testing, or even test-driven development, is not as difficult as you think. In this talk, I’ll discuss the very basic concepts of testing and how you can apply them in JavaScript, so you can prevent your /js folder from becoming a load of technical debt. If you bring a laptop, you can write your first test in JavaScript!

Presentations

The Hyperinteractive Client Open Space

3:00pm - 3:50pm

Functional programming on the frontend with Facebook React

11:55am - 12:45pm

By: Dustin Getz , Daniel Miladinov
React Pioneer-- Web Developer

Facebook React is making headlines in the Javascript world for the simplicity with which it lets one build complicated browser components.

In this talk we will livecode a dynamic CRUD form editor, highlighting React's application of functional programming and immutability to manage complex application state.

The demo will leverage form widgets from KendoUI, demonstrating that React is compatible with codebases that were not designed with React in mind.

Material from the presentation:

React workshop repository - Speaker's Notes - Wingspan's Repositories on Github

Front End Ops Tooling

5:30pm - 6:20pm

By: Nicolas Bevacqua
Author Of JavaScript Application Design

In this talk we'll visit why you should have an automated build process, how you can integrate that with your deployments, and how to perform continuous development to increase your productivity. On a similar note I'll discuss the benefits of using Browserify to write Common.JS code for the browser, improving your client-side application's modularity and testability.