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.)
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.)
List the fish.
(If you were logged in as a student, you could submit an exercise solution, and get some feedback.)
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.)
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.)
In the last lesson, we created an app that shows a university course catalog. Now, we're going to writing an app about a pack of dogs.
Courses and dogs have much in common.
Courses, and dogs. You mean the animals, right?
OK, courses and dogs don't have much in common, but their data and apps do.
Start with the data. Here's a course record:
bc.
Make a page for country data from the CIA World Fact Book.
(If you were logged in as a student, you could submit an exercise solution, and get some feedback.)
Show a record set of jokes.
(If you were logged in as a student, you could submit an exercise solution, and get some feedback.)
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.
We have two pages in the dog pack app:
Here's the page that shows the pack:
Let's add a third page to:
The page will have a form, using the same types of fields you've seen before:
Let's see how it works.
Here's the HTML for the add button:
bc.