This is the second in a three-part series of videos about building a mobile web app with Node.js, Express, and WebMatrix:
- Getting started with Node and Express using WebMatrix 2 — 12 minutes
- (This post) Building a web app with static UI / dynamic API architecture — 20 minutes
- 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.