Rapid Web Prototyping with Lightweight Tools (code that goes with the slides).

The code in this repository is neatly organized into a number of git tags.

You can browse them on Github here. They are also described below.

diff | code

Your project still needs to be initialized with a virtualenv.

diff | code

You will have a static, jQuery and Bootstrap enabled HTML template in static/index.html.

diff | code

Use Bootstrap's table and label components to build up the basic user interface.

diff | code

You will add some basic jQuery code for implementing a frontpage animation.

diff | code

Use Bootstrap JavaScript component to add a modal dialog.

diff | code

Add a slightest bit of dynamism via a public JSON-P Hacker News API.

diff | code

Add a form for submitting new stories with Bootstrap.

diff | code

Clickable prototype now complete; now to add a Python server!

diff | code

Skeletal Flask application working with stub view functions.

diff | code

Example Jinja2 templates bringing the app together.

diff | code

Jinja2 templates upgraded using Bootstrap markup and scripts from prototype.

diff | code

Beginnings of a form submission and multi-page flow.

diff | code

Simple and complex Jinja2 filters for use in templates.

diff | code

Basic form validation logic in the web app.

diff | code

Utilizes Jinja2 filters to sort results in index page.

diff | code

Click tracking using a new Flask route, redirect, and Jinja2 macro.

diff | code

A first fabfile for automating server management and deployment.

diff | code

A modified fabfile for dealing with a real-world deployment environment.

diff | code

Add MongoDB query layer to the application for storing articles.

code

Last bits to get app ready for shipping!