Intro en code download

Bekijk de video

Bekijk de video fullscreen en doe daarna de oefeningen / opdrachten.

Opdrachten

• Maak een nieuwe map Week 9 in je Frontend repository.
• Download de starter-code en pak de bestanden uit in de map Week 9.

DE CODE WERKT NU NOG NIET, DUS KIJK DE VIDEO’S EN DOE MEE :-)

Stappen

1. Zorg dat de style.css en de weerlive.js bovenin de HEAD worden geladen.
2. Bekijk de index.html via localhost. Gebruik de live server extensie in Visual Studio Code of je MAMP server.
3. Vraag een gratis API key aan bij de weerlive.nl API.
4. Kan een paar minuten duren, check je Junk / SPAM folder.

CSS voor het SELECT menu

select {
    display: block;
    margin-bottom: 10px;
    padding: 5px;
    font-size: 16px;
}

Bewijs opslaan

• Sla je wijzigingen op.
• Maak een screenshot van het resultaat in je browser en bewaar deze bij je code.
• Maak een commit met een duidelijke commit message

Code uitleg en start