Les 1

Introductie vak, cursushandleiding, toetsing
Introductie modern web development. Uitchecken van het Vite Excalibur template project in VS Code. Werken met npm run dev

Voorbereiding

Installeer Node.js
Installeer Visual Studio Code
Zorg dat je een github account hebt en dat je bent ingelogd.

Excalibur project

Ga naar het excalibur startproject
Klik op use this template > Create a new repository
Ga naar het project toe in je eigen github pagina.
Klik op Code en kopieer de .git url.
Open Visual Studio Code, klik op Files > Clone repository
Het project wordt nu gedownload naar je eigen projectmap.
Open een terminal en typ npm install
Start de dev server met npm run dev.
Stop de dev server met ctrl + c

VS Code Tip

Open "File > Preferences > Settings"
Search "npm script"
Toggle "Npm: Enable Script Explorer"

Opdracht

Voeg een aantal PNG's toe aan je project in de public folder.
Laad de afbeeldingen in resources.js
Maak een Actor voor de achtergrondafbeelding
Plaats Actors op de voorgrond met een position en een velocity
Verwijder of verplaats de actors als er op geklikt wordt
Maak een FOR loop om heel veel actors te plaatsen. Zorg dat ze allemaal ergens anders staan en anders bewegen.

Voorbereiding inleveropdracht

Kies een van de templates voor je eindproject

Links