Starting up

In de Atom editor maak je een nieuw bestand aan (file, new file).

Je ziet een lege pagina.

Dit is de code waar we mee gaan starten.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Simple Traffic Light Simulator</title>

<style>
  <!-- hier wordt de vormgeving gecondeerd -->
</style>

<script>
   <!-- hier wordt het algoritme van de pgaina gecodeerd -->
</script>

</head>

<body class='main'>
  lege pagina
</body>
</html>

Kopieer de bovenstaande code in de lege pagina in de editor.
Bewaar (file, save) de pagina op bij voorkeur je Desktop.
Ga naar je Desktop en dubbel klik op het nieuwe bestand.

Als het goed is zie je de lege pagina in je browser.

Testen

Probeer de tekst 'lege pagina' te veranderen in een eigen tekst en controleer of je het resultaat in de browser ziet!

Als dit werkt dan kun je verder met de volgende stap.