0.5.code.txt

title 0.5 - Opening single page app

browser->server: HTTP GET https://studies.cs.helsinki.fi/exampleapp/spa
server-->browser: http code
note over browser:
browser interpretes http code and resolves link to main.css in head
end note
browser->server: HTTP GET https://studies.cs.helsinki.fi/exampleapp/main.css
server-->browser: main.css
note over browser:
browser interpretes script element in head
end note
browser->server: HTTP GET https://studies.cs.helsinki.fi/exampleapp/spa.js
server-->browser: spa.js
note over browser:
browser executes java script, creates and sends
XMLHttpRequest for /exampleapp/data.json
end note
browser->server: HTTP GET https://studies.cs.helsinki.fi/exampleapp/data.json
server-->browser: data.json
browser->server: HTTP GET https://studies.cs.helsinki.fi/favicon.ico
server-->browser: favicon.ico
note over browser:
browser executes the event handler
that renders notes to display
end note