Track 1 - Oefenopdracht - Hallo wereld¶

Codelab¶

Voer het volgende commando uit in je startproject:

npx @hboictcloud/codelab-cli new programming/1-hallo-wereld

Deze oefenopdracht helpt je met het opzetten van je Codelab-project en hoe je een Codelab-opdracht als deze kunt uitvoeren!

Deze stappen hoef je maar eenmalig uit te voeren:

Maak via de Git-tool op Brightspace voor jezelf een Codelabs-project aan. Volg deze instructies. Het kan even duren voor je project is aangemaakt!

Deze stappen herhaal je op alle apparaten waar je opdrachten op wilt maken:

Deze stappen herhaal je met elke opdracht:

Voer het Codelab-commando dat bovenin de pagina staat uit in de terminal van VSCode, in dit geval: npx @hboictcloud/codelab-cli new programming/1-hallo-wereld.

Nadat commando is uitgevoerd heb je een programming/1-hallo-wereld-map in /apps erbij gekregen.
Installeer (opnieuw) de NPM packages, sommige opdrachten hebben namelijk extra pakketten nodig. Dit kan via de terminal met het commando npm install of via de “NPM Scripts”-paneel.

Deze stappen zijn specifiek voor deze opdracht:

Voer in de terminal npm run test uit of doe dit via de “NPM Scripts”-paneel. De meegeleverde test zou moeten slagen.
Open de index.ts onder /src/programming/1-hallo-wereld/src en druk op F5, of gebruik npm run dev via de terminal of via de NPM Scripts-view. Het programma start nu op en vraagt om een naam.
Vul een naam in en druk op Enter. Je ziet de tekst “Hallo, [naam]!” en de applicatie sluit af.
Verander in de index.ts de tekst “Hallo” naar “Tot ziens”.
Voer nogmaals de rest uit met npm run test. De meegeleverde test zou moeten mislukken.

Je krijgt te zien dat de test de tekst “Hallo, Lennard!” verwacht te vinden, maar dat de output “Tot ziens, Lennard!” bevat.
Verander “Tot ziens” terug naar “Hallo” en voer de test nogmaals uit. Deze zou nu weer moeten slagen!

Nog niet van toepassing bij deze opdracht!