FDND Frontend
Design & Development

Sprint 8: Server-Side Rendering

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.

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.

Criteria

    • 1.1 Kiest binnen projecten passende fases van de development-lifecycle.
    • 1.2 Combineert aangeboden principes en standaarden op het gebied van frontend design en development om een oplossing voor een opdrachtgever te realiseren.
    • 1.3 Houdt in beginnende mate rekening met belangen van eindgebruikers, valideert door middel van testen en verwerkt testresultaten.
    • 3.1 Luistert en vraagt door, neemt wat een ander zegt serieus
    • 3.2 Kan ontwerpkeuzes, eigen ideeën en producten begrijpelijk overbrengen aan belanghebbenden.
    • 3.3 Documenteert op professionele wijze en houdt voortgang bij.
    • 4.1 Analyseert een vraag, signaleert knelpunten en volgt de aangeboden oplossingsrichting.
    • 4.2 Schetst om gedachten en processen te verkennen en abstracte begrippen over te brengen.
    • 4.3 Bedenkt en implementeert complexere frontend code en gebruikt daarbij API's en databases.

    Leertaken

    server side website169 forks

    Ontwerp en ontwikkel een server-side website voor een opdrachtgever

    Deeltaken

    js fundamentals57 forks

    Leer zelfstanding Javascript om te gebruiken in de leertaken

    i love web113 forks

    Learning Journal en Digital Gardening

    Studentenwerk

    Sprint planning

    Week 1

    Maandag 03/03

    Sprintplanning Server-Side Rendering met uitleg over de leertaak en de werkwijze, inloop 9:00, start 9:30. (Koop)

    Briefing van de opdrachtgever Kennismaken met de opdrachtgever, uitleg over de opdracht en afspraken maken. (joost)

    Practicum project opzetten met NodeJS, Express en Liquid  over het opzetten van een project met server-side technieken,van 13:30 - 16:30. (Justus, Cyd, tweedejaars)

    Opdracht: 
    - Briefing schrijven en opsturen

    Dinsdag 04/03

    CSS mini workshopjes Minor Web over fonts, met Roel Nieskens. (Sanne)

    Opdracht: 
    - Project opzetten in NodeJS, Express en Liquid, feedback van de opdrachtgever verwerken, eerste ideeën schetsen en uitwerken

    Woensdag 05/03

    Workshop Templating met JSON data met uitleg over het fetchen van data en dit gebruiken in Liquid om HTML te renderen, inloop 9:00, start 9:30. (Dorien)

    Practicum Templating met JSON data over het fetchen van data en dit gebruiken in Liquid om HTML te renderen, van 13:30 - 16:30. (Justus, Dion, tweedejaars)

    Workshop reparatie endterm S1 voorbereiden, 12:00. (Koop)

    Opdracht: 
    - Alle content van je ontwerp in HTML uitwerken met JSON data en templating.

    Donderdag 06/03

    JS Challenge over ..., van 9:30 - 12:00. (Joost)

    Doorwerken aan de leertaak en hulp met NodeJS (Suus)

    Vrijdag 07/03

    Code/Design-review test de Server side rendering van je opdracht inloop 9:00, start 9:30. (Suus)

    We ♥ Web met Cassie Evans Creative Coder at GSAP, van 13:00 - 14:00 in het BPH 00B02 Auditorium.

    Week 2

    Maandag 10/03

    Workshop Routing, Request en Response over URL design, Routes en Request parameters gebruiken om data te laden, inloop 9:00, start 9:30. (Krijn)

    Workshop Routing, Request en Response over URL design, Routes en Request parameters gebruiken om data te laden, van 13:30 - 16:30. (Justus, Cyd, tweedejaars)

    Dinsdag 11/03

    CSS mini workshopjes Minor Web over ..., met ... . (Sanne)

    Woensdag 12/03

    Workshop data mapping over het bewerken van een JSON object in Liquid met `map`, `append`, `replace` en meer, inloop 9:00, start 9:30. (Dorien)

    Workshop WRAP-UP Sprint review voorbereiden, wat wil je morgen laten zien en waar wil je feedback op?. (Koop)

    Practicum data mapping over het bewerken van een JSON object in Liquid, van 13:30 - 16:30. (Justus, Dion, tweedejaars)

    Donderdag 13/03

    Sprint review met de opdrachtgever.

    Vrijdag 14/03

    Retrospect sprint 8 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.

    WHPH, ping-pong, playstation en ... (feestcommissie)

    JSON endpoint: Server-Side Rendering