Opdrachtgever: De Voorhoede

De opdracht: FDND-Agency

Sprint 14 - lose your head

JamStack

JAM = javascript, api’s en markup

1. Site generators
2. Headless CMS

W1:

dinsdag project inrichting doen vrijdag goed begin hebben voor code design review

W2:

vrijdag we love web met Nicolas Garnier Creative developer, van 13:00-14:00 in het MLH01A30. + code design review

W3:

maandag: project methodiek, scrum dinsdag: Js challenge canvas woensdag: wrapup donderdag: sprint review vrijdag: retrospect

Student mentor bij jaar 1

Jij ebnt mentor voor 5/6 eerstejaars studenten, een mentorgroep. Dit doe je met 4 studenten uit jouw squad, een mentorteam. -> Mentor bij Koop 1G

Elke maandag, woensdag, vrijdag precies 1 mentor aanwezig is. Zorg dat de squad leader jaar 1 weet wie wanneer komt.

Coach gesprekken

Een coachgesprek is met je squadleader (Dorien) op ma/woe/vrij, over jouw ontwikkeling als frontender. Neemt de retrospect als uitgangspunt.

Project Semester 3

Preferred stack: Sveltekit en Directus

Team DDA

Vandaag hebben wij de briefing gehad met Declan van De Voorhoede. Daarna hebben wij de debriefing geschreven, en samen afspraken en conventies bedacht en genoteerd.

Leervragen:

1. plugins?
2. libraries?

24.09

Vandaag hebben we de user stories geschreven (zelf allemaal 2) en daarna via teams deze besproken, en verdeeld wie zich op welke gaat focussen (welke pagina). Daarna hebben we besloten dat iedereen zelf de bijbehorende tasks gaat schrijven.

To Do

• tasks schrijven

25.09

Organiseren en structuren van informatie

Exact en ambique

Filteren en sorteren

Data modeling

26.09

ziekjes, niet zoveel gedaan.

Wel pull requests van Jason en Yujing gereviewed.

27.09

Begonnen met de header/navigatie component te maken

In de figma staat op mobiel scherm een hamburger menu, maar niet hoe dat eruit ziet als het open is, dus ik ga er zelf maar wat van maken

responsive navigation

Op een mobiel scherm moet het menu in een hamburger menu zitten en dus uitklappen wanneer er op de knop geklikt word.

Ik heb een component gemaakt genaamd Header.svelte. Hierin heb ik een header met het logo en een hamburger menu, en het menu zelf.

Ik heb de nav position: absolute gegeven om het uit beeld te kunnen positioneren en zodat het op zn plek blijft wanneer er gescrolld word. ![[Scherm­afbeelding 2024-09-30 om 11.38.47.png]]

HTML validator

![[Scherm­afbeelding 2024-09-30 om 11.44.51.png]]

Ligthouse test

confetti!

![[Scherm­afbeelding 2024-09-30 om 11.46.30.png]]