From bc874e47172798335725b1b796625cd1175446df Mon Sep 17 00:00:00 2001
From: AndrewTrieu <andrewtrieu.2003@gmail.com>
Date: Mon, 13 Mar 2023 14:34:36 +0200
Subject: [PATCH] Upload part 0

---
 part0/0.4.md | 37 +++++++++++++++++++++++++++++++++++++
 part0/0.5.md | 32 ++++++++++++++++++++++++++++++++
 part0/0.6.md | 17 +++++++++++++++++
 3 files changed, 86 insertions(+)
 create mode 100644 part0/0.4.md
 create mode 100644 part0/0.5.md
 create mode 100644 part0/0.6.md

diff --git a/part0/0.4.md b/part0/0.4.md
new file mode 100644
index 0000000..bbf90fb
--- /dev/null
+++ b/part0/0.4.md
@@ -0,0 +1,37 @@
+# Exercise 0.4
+
+```mermaid
+sequenceDiagram
+    participant browser
+    participant server
+
+    Note right of browser: User enters new note entry and click "Save"
+
+    browser->>server: HTTP POST https://studies.cs.helsinki.fi/exampleapp/new_note
+    activate server
+
+    Note left of server: New note entry is added
+
+    server-->>browser: Redirect to https://studies.cs.helsinki.fi/exampleapp/notes
+    deactivate server
+
+    browser->>server: HTTP GET https://studies.cs.helsinki.fi/exampleapp/main.css
+    activate server
+    server-->>browser: main.css
+    deactivate server
+
+    browser->>server: HTTP GET https://studies.cs.helsinki.fi/exampleapp/main.js
+    activate server
+    server-->>browser: main.js
+    deactivate server
+
+    Note right of browser: The browser starts executing the JavaScript code that fetches the JSON from the server
+
+    browser->>server: HTTP GET https://studies.cs.helsinki.fi/exampleapp/data.json
+    activate server
+    server-->>browser: [{ "content": "HTML is easy", "date": "2023-1-1" }, ... ]
+    deactivate server
+
+    Note right of browser: The browser executes the callback function that renders the notes
+
+```
diff --git a/part0/0.5.md b/part0/0.5.md
new file mode 100644
index 0000000..130e5be
--- /dev/null
+++ b/part0/0.5.md
@@ -0,0 +1,32 @@
+# Exercise 0.5
+
+```mermaid
+sequenceDiagram
+    participant browser
+    participant server
+
+    browser->>server: HTTP GET https://studies.cs.helsinki.fi/exampleapp/spa
+    activate server
+    server-->>browser: HTML-code
+    deactivate server
+
+    browser->>server: HTTP GET https://studies.cs.helsinki.fi/exampleapp/main.css
+    activate server
+    server-->>browser: main.css
+    deactivate server
+
+    browser->>server: HTTP GET https://studies.cs.helsinki.fi/exampleapp/spa.js
+    activate server
+    server-->>browser: spa.js
+    deactivate server
+
+    Note right of browser: The browser starts executing the JavaScript code that fetches the JSON from the server
+
+    browser->>server: HTTP GET https://studies.cs.helsinki.fi/exampleapp/data.json
+    activate server
+    server-->>browser: [{"content":"","date":"2023-03-13T01:16:01.627Z"}, ... ]
+    deactivate server
+
+    Note right of browser: The browser executes the callback function that renders the notes
+
+```
diff --git a/part0/0.6.md b/part0/0.6.md
new file mode 100644
index 0000000..ce6bfb1
--- /dev/null
+++ b/part0/0.6.md
@@ -0,0 +1,17 @@
+# Exercise 0.6
+
+```mermaid
+sequenceDiagram
+    participant browser
+    participant server
+
+    Note right of browser: User enters new note entry and click "Save"
+
+    browser->>server: HTTP POST https://studies.cs.helsinki.fi/exampleapp/new_note_spa
+    activate server
+    server-->>browser: {"message":"note created"}
+    deactivate server
+
+    Note right of browser: The browser updates the page with the new note
+
+```