Site Meter
 
 

Monthly Archives: June 2014

Architecting large Single Page Applications with Knockout.js

Last week in Oslo I was lucky enough to attend the fantastic NDC 2014 conference, at which I gave the following talk about using brand-new not-yet-released Knockout.js features, along with Yeoman, Gulp, and Karma to build large single-page web apps in a very modern style (while still retaining backward compatibility all the way to IE 6!).

This should be of interest to anyone who uses Knockout or cares about scalable front-end architecture.

Contents

  • 00:00 Benefits and challenges of single-page apps; relevance of Knockout.js
  • 11:20 Demo: Knockout 3.2′s components and custom elements
  • 15:40 Demo: Using Yeoman to generate (“scaffold”) a scalable application architecture
  • 22:20 Demo: Scaffolding and building a new Knockout component
  • 30:50 Understanding Grunt and Gulp
  • 34:00 Demo: Using Gulp and require.js to produce control both preloading and incremental loading
  • 41:50 Testing – your options
  • 43:50 Demo: Adding Jasmine and Karma to the technology stack
  • 59:10 Summary: Overcoming the challenges of single-page app development

Watch the video


Architecting large Single Page Applications with Knockout.js

Want more? I also gave a talk about WebGL and GPU coding for the browser.

Write massively-parallel GPU code for the browser with WebGL (NDC 2014)

Last week in Oslo I was lucky enough to attend the fantastic NDC 2014 conference, at which I gave the following talk about using WebGL to make browsers do cool and unusual things. If you’re interested in pushing the web platform to its edge, check it out.

Contents

  • 00:00 Intro
  • 03:20 Demo: Writing a pixel shader
  • 12:00 What are vector and pixel shaders?
  • 14:50 Demo: Using Three.js to render traditional 3D graphics
  • 29:20 General computation on the GPU, and how SIMD parallelism works
  • 37:30 Demo: Using WebGL for arbitrary data processing; performance considerations
  • 48:50 Stream reductions
  • 51:30 Demo: Computer vision (image recognition) via WebGL
  • 56:00 Summary

Watch the video


Write massively-parallel GPU code for the browser with WebGL

In case you just can’t get enough of this stuff, I also gave a talk about Knockout.js and large single-page apps.