Voorkennis
- HTML kennis over tabellen, formulieren en andere basiselementen
- CSS kennis over selectors, kleur en positie van elementen
- Javascript kennis over de DOM, refereren aan elementen en elementen aanpassen met javascript
- Scrum, methode om met elkaar samen te werken
- Git en github, samenwerken aan repositories
Doelen
- Leer een complete website te maken voor nieuwe studenten in Zwolle.
Teams samenstellen
- Een team bestaat uit maximaal 4 personen.
- Bepaal zelf met wie je samen gaat werken
Opdracht Youhoe Zwolle
Samen met je team ga je de "YouHoe Zwolle website realiseren".
YouHoe is een site voor nieuwe studenten die Zwolle leren kennen.
De site laat zien waar de hotspots in Zwolle zijn. Wat zijn de beste uitgaansplekken,
waar kan je lekker eten, met andere woorden: Waar gebeurt het in Zwolle!
Download hier de opdracht en de wireframes voor de YouHoe Zwolle website.
De eisen van de klant zijn:
- De site is gemaakt op basis van de wireframes die je hebt gedownload.
- De website is online bereikbaar via bijv. Github pages.
- De html/css-code is netjes ingesprongen en goed leesbaar
- De bestanden hebben de juiste extensie (.html, .jpg, .css etc)
- De bestanden hebben een naam waar geen hoofdletters, spaties of vreemde tekens in staan (alleen de underscore '_' is toegestaan!)
- Voor het stylen van elementen is gebruik gemaakt van CSS en eventueel javascript
- Er is logisch gebruik gemaakt van interne, externe of inline stylesheets.
- Je moet kunnen uitleggen waarom je gebruik hebt gemaakt van classes of id's.
- De teksten zijn in een ander lettertype dan de standaard systeem-lettertypen
- Dus geen Arial, Times of Verdana
- Wel gebruik maken van Google Fonts of andere (free) fonts (= lettertypen).
- Ieder teamlid maakt (minimaal) een eigen pagina.
- Pagina's mogen helemaal in de door jou gekozen stijl worden aangepast
- Iedere pagina (van alle teamleden) heeft hetzelfde menu.
- Alle pagina's van het hele team zijn samengevoegd tot een complete applicatie
- Alle links werken op je eigen laptop!
- Alle teamleden hebben de laatste versie van de website op de eigen laptop staan!
- Alle bestanden van de website staan in 1 map.
- Afbeeldingen en stylesheets staan in een submap (bijv. images en styles).
Op te leveren
- Een compleet opgemaakte website volgens de casus en gegeven eisen.
- Je website staat op github.com in een eigen project-repository!
Evaluatie
Vraag om een code-review om feedback op jouw aanpak en tips voor best-practices te krijgen