Site Meter
 
 

Monthly Archives: July 2012

Node.js development with WebMatrix 2 + Express (Part 3)

This is the third in a three-part series of videos about building a mobile web app with Node.js, Express, and WebMatrix:

  1. Getting started with Node and Express using WebMatrix 2 — 12 minutes
  2. Building a web app with static UI / dynamic API architecture — 20 minutes
  3. (This post) Hints and tricks for optimising for mobiles — 14 minutes

This third video puts the focus on mobile devices, which is the main target audience for our app. You’ll see ways of improving the user experience on small screens, using caching to make the app load incredibly quickly even over a low-bandwidth connection, and pushing real-time updates to clients. Finally you’ll see a few iOS-specific tricks.

Here’s the video. Be sure to watch it full-screen in 720p quality, by the way, for the most readable code…

Want to download the code?

As before, the source repo is on GitHub. Or, you can download the exact version of the code corresponding to the end of the part 3 video.

Node.js development with WebMatrix 2 + Express (Part 2)

This is the second in a three-part series of videos about building a mobile web app with Node.js, Express, and WebMatrix:

  1. Getting started with Node and Express using WebMatrix 2 — 12 minutes
  2. (This post) Building a web app with static UI / dynamic API architecture — 20 minutes
  3. Hints and tricks for optimising for mobiles — 14 minutes

In this second video, we build on the Node.js + Express skills learned in the first video, and create a fun social web app that demonstrates how you can totally separate your application’s UI from its underlying API by using Express’s ability to mount one application inside another. This isn’t only about keeping your code tidy: it also enables some dramatic performance benefits, as you’ll see in Part 3, and means you could easily attach multiple UI technologies to the same underlying backend.

OK, here’s the video. Be sure to watch it full-screen in 720p quality, by the way, for the most readable code…

Want to download the code?

If you want to get a closer look at the code created in this tutorial, you can download the version corresponding to the end of part 2, or browse the whole source repo on GitHub.

Node.js development with WebMatrix 2 and Express

I’m sure by now everyone has heard plenty about Node.js, the lightweight JavaScript-on-the-server web platform. But maybe you’ve been putting off trying it out because it’s unclear what exactly to download and install on Windows to get the best development experience.

Delay no longer! Get WebMatrix 2 (Release Candidate) and it will take care of installing all the bits you need (Node, Node Package Manager, and IISNode), and will give you a first-rate IDE experience including fancy features like autocompletion that understands Node packages and conventions.

Tutorial videos

So then, what can you do with Node and WebMatrix? This is the first in a three-part series of videos about building a mobile web app with Node.js, Express, and WebMatrix:

  1. (This post) Getting started with Node and Express using WebMatrix 2 — 12 minutes
  2. Building a web app with static UI / dynamic API architecture — 20 minutes
  3. Hints and tricks for optimising for mobiles — 14 minutes

The material is based on a talk I gave at DevSum in Stockholm a month or two back.

OK, here it is! Be sure to watch it full-screen in 720p quality, by the way, for the most readable code…