Fork deze leertaak en ga aan de slag. Onderstaande outline ga je gedurende deze taak in jouw eigen GitHub omgeving uitwerken. De instructie vind je in: docs/INSTRUCTIONS.md
Ontwerp en maak een data driven online concept voor een opdrachtgever.
Bij deze opdracht lag de focus op het laten zien en toepassen van alles wat we de afgelopen 6 sprints geleerd hebben. Denk aan data ophalen uit een API, Node, EJS, serverside rendering, performance, etc.
Van de Voorhoede hebben wij de opdracht gekregen om een homepage te redesignen en te bouwen voor de Dutch Digital Agencies. Op deze pagina moesten verschillende elementen staan:
- Aankomende evenementen.
- Laatste vacatures.
- Laatste nieuws.
- Call to action om lid te worden (voor agencies).
- Overzicht van agencies.
Om deze pagina live te bekijken kan je klikken op de livelink in de About sectie van deze repository.
Op deze nieuwe homepage van de Dutch Digital Agencies kun je inloggen op jouw profiel, lid worden van de DDA, het laatste niews bekijken, vacatures bekijken, aankomende events bekijken en alle 163 leden van de DDA bekijken.
Dit project is gemaakt met Node, Express, EJS.
Ook bij deze opdracht heb ik weer gebruik gemaakt van het principe Progressive Enhancement. Dit houdt in dat je werkt in verschillende lagen.
Namelijk:
- Laag 1 (functional): de content laag (bijv. HTML)
- Laag 2 (reliable): de presentatie laag (bijv. basic CSS)
- Laag 3 (usable): de bruikbare laag (bijv. extra client-side Javascript)
- Laag 4 (pleasurable): de extra leuke laag (bijv. animaties)
Ook heb ik geëxperimenteerd met nieuwe CSS technieken zoals subgrid en scroll driven animations. Klik op de desbetreffende links om hier meer over te lezen.
Met keyframe animations, scroll driven animations en Javascript, heb ik de homepage proberen te verrijken zodat deze toegankelijk en leuk is voor alle gebruikers.
- Installeer NodeJs
- Fork deze repository
- Open het in een code editor naar keuze
- Run de command
npm install - Run de command
npm start - Klik op de localhost link en begin met coden!
This project is licensed under the terms of the MIT license.