Skip to main content

Building a Webapp Step-by-Step

Front End Frameworks and Libraries, HTML5 and Browser Technologies, Mobile, Pure Code and JavaScript, Tools, Platforms, and APIs Grand Ballroom B
Workshop Please note: to attend, your registration must include Workshops on Tuesday.
Average rating: **...
(2.39, 46 ratings)

We will cover several key aspects of building a single page web application. We will start by exploring and properly using MVC in our web app. We will do so by building a simple view or two, using HTML templates, CSS, and JS glue. We will also do some simple models and controllers; We will write some DOM and custom events to decouple our controllers from our views and from our models.

I will opt for using an events framework, rather than a full MVC one, as it provides lower prerequisite bar; I will though explore a few of the features we will be missing in a normal MVC framework(like bindings, or syncing to RESTful service), but will also likely show the same code in Backbone; that is unless you prefer sticking to a standardized one.

As we build our code, we will add tests to our code: we’ll test the views using node.js, mocha, and jsdom. We will also introduce fixtures to mimic our model for testing the views. And, of course, we will also test our controllers and model, this time using spies (sinon.js), to validate the creation and proper messaging.

Besides running our tests manually, we will later explore simple grunt integrations for testing and linting, and finish with deploying our code continuously to our servers.

Photo of Ohad Kravchick

Ohad Kravchick

The New York Times

The Lead Software Architect of the recently launched New York Times’ WebApp (available on iPads on Working day-to-day on frontend JavaScript, HTML, and CSS, and backend JavaScript and CoffeeScript on node.js. Was a Computer Networks instructor for a few years, so loves to teach.
Follow me on Twitter: @myok12

Comments on this page are now closed.


Picture of Ohad Kravchick
Ohad Kravchick
05/28/2013 8:40am PDT

When it’s finally over, please rate my presentation at:

Picture of Ohad Kravchick
Ohad Kravchick
05/28/2013 2:22am PDT

Yes. We will include require.js and Use it in the workshop. We’ll also talk about some advanced features of require (r.js and plugins), but will not go in too much depth here.

Sahil Budhiraja
05/28/2013 2:16am PDT

Would you be covering require.js ?


For exhibition and sponsorship opportunities at Fluent conference, contact Sharon Cordesse at (707) 827-7065 or

Download the Fluent Sponsor/Exhibitor Prospectus

For information on trade opportunities with O'Reilly conferences contact Jaimey Walking Bear at mediapartners

View a complete list of Fluent 2013 contacts