diff --git a/assets/css-syntax.png b/assets/css-syntax.png new file mode 100644 index 0000000..0a9f049 Binary files /dev/null and b/assets/css-syntax.png differ diff --git a/index.html b/index.html index 0900027..24f3a8e 100644 --- a/index.html +++ b/index.html @@ -21,34 +21,42 @@
  • - +
    Todo HTML & CSS - +
    demo | exercise | final
    +
  • - +
    Todo JS - +
    demo | exercise | + final
    +
  • - +
    React Intro - +
    demo | + final
    +
  • - +
    React Components - +
    demo | exercise | final
    +
  • - - State Driven UI - +
    + State-Driven UI +
    demo | exercise | final
    +
  • - - UI Driven State - +
    + UI-Driven State +
    demo | exercise | final
    +
    • diff --git a/server/index.js b/server/index.js index d0b8778..be66b4a 100644 --- a/server/index.js +++ b/server/index.js @@ -40,16 +40,19 @@ app.put('/todos/:id', (req, res) => { app.post('/todos/:id', (req, res) => { store.todos[req.params.id] = req.body; store.save(); + res.json('ok'); }); app.delete('/todos/:id', (req, res) => { delete store.todos[req.params.id]; store.save(); + res.json('ok'); }); -app.post('/todos', req => { +app.post('/todos', (req, res) => { store.todos = req.body; store.save(); + res.json('ok'); }); app.get('/hello', (req, res) => { diff --git a/step1-01/README.md b/step1-01/README.md index 3ce439b..91af32e 100644 --- a/step1-01/README.md +++ b/step1-01/README.md @@ -21,3 +21,8 @@ A simple web page is rendered on the screen via the following steps 7. Once the browser gets to the bottom of the page it can start rendering, and then load the page ![MDN Page Load](https://user-images.githubusercontent.com/1434956/53033758-9da8d580-3426-11e9-9ab8-09f42ccab9a8.png) + + +## Next Step + +[HTML Demo](./html-demo) diff --git a/step1-01/css-demo/README.md b/step1-01/css-demo/README.md index 3974435..2c65ad6 100644 --- a/step1-01/css-demo/README.md +++ b/step1-01/css-demo/README.md @@ -20,17 +20,32 @@ CSS is always applied in `property: value` pairs, like `background: blue;` and a CSS can be applied to HTML tags in three different ways. 1. Inline - Styles are applied directly to the HTML tag - -- `
    Hello
    ` - + - `
    Hello
    ` 2. Via a `