front end !=

front end also client, network between client and data center: DNS, CDN, load balancer
part of data center that answer connection between client and web server

model web app:

  • multihalaman tradisional
  • single page application
  • hybrid

what s really state?
syncronize between server

stateful server store state in local(memory)

stateless server store state in external service(database, redis, session store)

http session

cookie,

  1. request no cookie
  2. server response with cookie

3 ways to store data session:

  • simpan di cookie
  • data store eksternal
  • sticky session

organized state:

file, cache, dan lock

public file
private file

cache local

lock local

scalable frontend component

client→dns→cdn→load balance→webserver

auto scaling, deployment

pendekatan perancangan

  • lapisan presentasi alternatif
  • api first
  • pragmatis

function centric
resource centric