typst presentation

presentation.typ

#set page("presentation-4-3",
  header: [#text("From MPA to SPA and Back", size: 12pt)],
  margin: (top: 2cm, left: 3cm,)
)

#show heading: it => [
  #set text(font: "Inria Serif")
  #pagebreak()
  #text(it.body)
  #linebreak()
]

#set text(
  font: "Libertinus Serif",
  size: 24pt,
)

= From MPA to SPA and Back

How you do it with HTTP + HTML + CSS + X

= Web Page

- Web 1.0
- 1993
- Single Page App
- HTML & CSS

= MPA

- Multi Page App
- 1995
- Linking \<a href>
- Server Side State
- Pure HTML & CSS; No JavaScript
- Semantic markup
- Best Accessibility

= SPA

- Single Page App
- Web 2.0
- 2000
- HTML & CSS & lots of JavaScript and Framework

= PWA

- Progressive Web App 
- 2010 (Google)
- Start with MPA
- Progress if client oks
- HTML & CSS & optional JavaScript

= MPA 2025

- The Return of
- Browsers now are different beasts than 30 years ago

= Example AlgoTrading App

- It's a SPA
- Has grid widget
- Supports HTTP PATCH

= Example Backtesting App

- It is a MPA
- Supports *open link in new window*