{"slug":"server-side-rendering","sprintNUmber":8,"title":"Server-Side Rendering","startdate":"2025-03-03","content":"<p>Bij het maken van een data-driven toepassing gebruik je data uit een database om dynamisch pagina's mee te maken. In de sprint Server-Side Rendering leer je hoe je op de server webpagina's kunt maken met content uit een database.</p><p>De focus van deze sprint ligt op het maken van een opdracht voor een opdrachtgever en leren hoe je op de server data kunt laden en renderen naar HTML.</p>","semester":{"slug":"data-driven-web","title":"Data-Driven Web"},"weekPlans":[{"weekNumber":1,"mondayDate":"2025-03-03","monday":{"html":"<p><strong>Sprintplanning </strong><em><strong>Server-Side Rendering</strong></em> met uitleg over de leertaak en de werkwijze, inloop 9:00, start 9:30. (Koop)</p><p><strong>Briefing van de opdrachtgever </strong>Kennismaken met de opdrachtgever, uitleg over de opdracht en afspraken maken. (joost)</p><p><strong>Practicum project opzetten met NodeJS, Express en Liquid </strong>over het opzetten van een project met server-side technieken,van 13:30 - 16:30. (Justus, Cyd, tweedejaars)</p><p><strong>Opdracht: <br></strong>- Briefing schrijven en opsturen</p>"},"tuesday":{"html":"<p><strong>CSS mini workshopjes Minor Web</strong> over fonts, met Roel Nieskens. (Sanne)</p><p><strong>Opdracht: <br></strong>- Project opzetten in NodeJS, Express en Liquid, feedback van de opdrachtgever verwerken, eerste ideeën schetsen en uitwerken</p>"},"wednesday":{"html":"<p><strong>Workshop Templating met JSON data</strong> met uitleg over het fetchen van data en dit gebruiken in Liquid om HTML te renderen, inloop 9:00, start 9:30. (Dorien)</p><p><strong>Practicum Templating met JSON data </strong>over het fetchen van data en dit gebruiken in Liquid om HTML te renderen, van 13:30 - 16:30. (Justus, Dion, tweedejaars)</p><p><em><strong>Workshop reparatie endterm S1 voorbereiden, </strong></em><em>12:00. (Koop)</em></p><p><strong>Opdracht: <br></strong>- Alle content van je ontwerp in HTML uitwerken met JSON data en templating.</p>"},"thursday":{"html":"<p><strong>JS Challenge </strong>over ..., van 9:30 - 12:00. (Joost)</p><p><strong>Doorwerken aan de leertaak en hulp met NodeJS </strong>(Suus)</p>"},"friday":{"html":"<p><strong>Code/Design-review </strong>test de Server side rendering van je opdracht inloop 9:00, start 9:30. (Suus)</p><p><strong>We </strong>♥ <strong>Web </strong>met <a rel=\"nofollow\" title=\"https://www.cassie.codes/\" href=\"https://www.cassie.codes/\"><strong>Cassie Evans</strong></a> Creative Coder at <a rel=\"nofollow\" title=\"https://gsap.com/\" href=\"https://gsap.com/\">GSAP</a>, van 13:00 - 14:00 in het <a class=\"inline\" title=\"https://www.hva.nl/locaties/hva-locaties/benno-premselahuis.html\" href=\"https://www.hva.nl/locaties/hva-locaties/benno-premselahuis.html\">BPH 00B02 Auditorium</a>.</p>"}},{"weekNumber":2,"mondayDate":"2025-03-10","monday":{"html":"<p><strong>Workshop Routing, Request en Response </strong>over URL design, Routes en Request parameters gebruiken om data te laden, inloop 9:00, start 9:30. (Krijn)</p><p><strong>Workshop Routing, Request en Response</strong> over URL design, Routes en Request parameters gebruiken om data te laden, van 13:30 - 16:30. (Justus, Cyd, tweedejaars)</p>"},"tuesday":{"html":"<p><strong>CSS mini workshopjes Minor Web</strong> over ..., met ... . (Sanne)</p><p></p>"},"wednesday":{"html":"<p><strong>Workshop data mapping </strong>over het bewerken van een JSON object in Liquid met `map`, `append`, `replace` en meer, inloop 9:00, start 9:30. (Dorien)</p><p><strong>Workshop WRAP-UP </strong>Sprint review voorbereiden, wat wil je morgen laten zien en waar wil je feedback op?. (Koop)</p><p><strong>Practicum data mapping </strong>over het bewerken van een JSON object in Liquid, van 13:30 - 16:30. (Justus, Dion, tweedejaars)</p><p></p>"},"thursday":{"html":"<p><strong>Sprint review met de opdrachtgever.</strong></p>"},"friday":{"html":"<p><strong>Retrospect sprint 8</strong> terugkijken op de afgelopen 2 weken, wat heb je allemaal geleerd en wat kun je de volgende keer beter doen. Reflecteren op Methodisch handelen, Communiceren en Probleemoplossend vermogen, inloop 9:00, start 9:30.</p><p><strong>WHPH</strong>, ping-pong, playstation en ... (feestcommissie)</p>"}}],"topics":[{"name":"html"},{"name":"api endpoint"},{"name":"server-side"},{"name":"node"},{"name":"styleguide"},{"name":"client"},{"name":"css"},{"name":"corporate identity"}],"behavioralCriteria":[{"index":"1.1","definition":"Kiest binnen projecten passende fases van de development-lifecycle.","criterium":{"title":"Methodisch handelen"}},{"index":"1.2","definition":"Combineert aangeboden principes en standaarden op het gebied van frontend design en development om een oplossing voor een opdrachtgever te realiseren.","criterium":{"title":"Methodisch handelen"}},{"index":"1.3","definition":"Houdt in beginnende mate rekening met belangen van eindgebruikers, valideert door middel van testen en verwerkt testresultaten.","criterium":{"title":"Methodisch handelen"}},{"index":"3.1","definition":"Luistert en vraagt door, neemt wat een ander zegt serieus","criterium":{"title":"Communiceren"}},{"index":"3.2","definition":"Kan ontwerpkeuzes, eigen ideeën en producten begrijpelijk overbrengen aan belanghebbenden.","criterium":{"title":"Communiceren"}},{"index":"3.3","definition":"Documenteert op professionele wijze en houdt voortgang bij.","criterium":{"title":"Communiceren"}},{"index":"4.1","definition":"Analyseert een vraag, signaleert knelpunten en volgt de aangeboden oplossingsrichting.","criterium":{"title":"Probleemoplossend vermogen"}},{"index":"4.2","definition":"Schetst om gedachten en processen te verkennen en abstracte begrippen over te brengen.","criterium":{"title":"Probleemoplossend vermogen"}},{"index":"4.3","definition":"Bedenkt en implementeert complexere frontend code en gebruikt daarbij API's en databases.","criterium":{"title":"Probleemoplossend vermogen"}}]}