Week 2: Chapter summaries

[Tomvandenberg11]

Chapter 15: Handling events

Event handlers worden alleen uitgevoerd als er een event wordt uitgevoerd. Vroeger werden de inputs constant gecheckt, in plaats van als er een event wordt uitgevoerd, dit wordt Polling genoemd. Tegenwoordig wordt er pas gereageerd als er een event wordt uitgevoerd. Dit wordt gedaan met .addEventListener.
Bijvoorbeeld:

<p>Click this document to activate the handler.</p>
<script>
  window.addEventListener("click", () => {
    console.log("You knocked?");
  });
</script>

Hetzelfde kan gedaan worden met .removeEventListener. Dit komt voor als het DOM object maar 1 keer als event mag dienen. Er zijn verschillende soorten objecten, zoals click of mousedown. Hiermee kunnen events op verschillende manieren aangeroepen worden.

Event listeners worden van binnen naar buiten gelezen (Propagation). Als er een button in een paragraaf staat, welke allebei een eventlistener zijn, wordt de button eerst getriggerd.
Bijvoorbeeld:

<p>A paragraph with a <button>button</button>.</p>
<script>
  let para = document.querySelector("p");
  let button = document.querySelector("button");
  para.addEventListener("mousedown", () => {
    console.log("Handler for paragraph.");
  });
  button.addEventListener("mousedown", event => {
    console.log("Handler for button.");
    if (event.button == 2) event.stopPropagation();
  });
</script>

Er zijn verschillende soorten events:

• Key events
• Pointer events
• Mouse clicks
• Mouse motion
• Touch events
• Scroll events
• Focus events
• Load events

Chapter 18: HTTP and Forms

Als een gebruiker een webadres in de browser typt, probeert het TCP protocol een connectie te openen in port 80, wat de default port is voor HTTP verkeer. Hierna pakt de browser de body van de response, waarna het wordt laten zien als HTML pagina.

Gebruikers kunnen content meegeven aan het protocol. Dit kan bijvoorbeeld met een GET form. Als de gebruiker deze invult en submit, worden de resultaten als een query string meegegeven aan de URL.

Het HTTP protocol is niet veilig genoeg om bijvoorbeeld in de Starbucks geld naar iemand over te maken. Het HTTPS protocol zorgt ervoor dat deze gegevens wel veilig kunnen worden gedeeld, al is HTTPS in sommige gevallen ook niet veilig.