Dynamic Data Layer

OK so we can, barely, host a site, make some simple event listeners, make some buttons and such.

Now we want to know how to store/fetch/parse/display dynamic data.

So let's lay out the ideas you need to learn then maybe do another demo:

• JSON the main data storage format of the internet
• Rendering Templates for an array of JSON objects
• Persisting those objects between refreshes using localStorage
• Sharing those objects between users using a database

Each one of those is many careers, tons of conversations, concepts, frameworks, etc. So we'll just have to cut through the noise and make anyway forward and slowly add more options at each layer.

Let's do it: To-Do List

OK another demo project, this time I'll try to make a To-Do App where I can remember my own tasks between visits.

• Let's describe a generic task as a JSON object/contract
• Let's render a template of a task which looks different when DONE and when UNDONE
• Let's render an array of these into several rows
• Let's bind a checkbox (always annoying) to that object and change it's state
• Let's save the array of tasks to localStorage (a baby/personal database)
• Let's load the array from localStorage on refresh