Voorbereiding WebSocket

📺 Bekijk deze video https://youtu.be/CLLtnaOGIqo tot en met 3:04 voor een overzichtelijke introductie van WebSockets.

📺 Bekijk deze video https://youtu.be/4Uwq0xB30JE tot en met 5:26 voor een vergelijking van HTTP met WebSocket en hoe je vanuit HTTP een WebSocket-verbinding opent.

👉 Bekijk dit voorbeeld https://docs.deno.com/examples/http_server_websocket/ om te zien hoe je een HTTP-server kan maken die websockets requests kan afhandelen. Zorg dat je dit voorbeeld kun draaien.

:book: Bekijk deze bron https://docs.usebruno.com/send-requests/websocket/overview om te leren hoe je vanuit Bruno websocket-berichten kunt sturen. Zorg dat je met Bruno een WebSocket-bericht kunt sturen naar de server die je bij de vorige start hebt gestart.

👉 Bekijk dit voorbeeld https://developer.mozilla.org/en-US/docs/Web/API/WebSockets_API/ Writing_a_WebSocket_server_in_JavaScript_Deno voor een compleet overzicht van een websocket server en een client

:book: Gebruik deze bron als naslag https://javascript.info/websocket#opening-a-websocket en voor meer details over de WebSocket-berichten

👉 Breid de frontend die je in week 1 hebt gemaakt en de Deno Http-server die je in de vorige les hebt gemaakt uit met een WebSocket. Zorg er minimaal voor dat je een bericht kunt sturen vanuit de server die bij meerdere clients aankomt.