TaffyDB

CRUD app

Make a CRUD app, about anything you like.

(If you were logged in as a student, you could submit an exercise solution, and get some feedback.)

Bands

Make a web app to track your favorite bands.

(If you were logged in as a student, you could submit an exercise solution, and get some feedback.)

Quotes

Make an quotes app, with an add form.

(If you were logged in as a student, you could submit an exercise solution, and get some feedback.)

Ships

The story so far

This course is about making CRUD apps. You know how to do C(reate), and R(ead), and all the appy goodness behind them. Now let's add D(elete). We'll also firm up the way we connect pages.

This lesson is longer than most. Much of it is review. You've already seen how to work with TaffyDB, list data, and add new records. This lesson explains that again, as one last check. Go through the code. You should be able to follow it without much trouble. It will give you confidence that you know what's going on.

Plan to take a break part-way through the lesson.

Dog pack

The story so far

Persisting record sets

There's a problem with the course data app in the previous lesson. It doesn't remember anything. We created a record set when the page loads:

(function($) {
    //Initialize course catalog.
    var catalog = [
        {
            id: 42,
            title: "Web apps for happy dogs",
            maxEnrollment: 40,
            location: "Monty Hall 301"
        },
        ...
    ];

It was lost when the page ended.

We want something like this:

bc.