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 website205 forks

    Ontwerp en ontwikkel een server-side website voor een opdrachtgever

    Deeltaken

    js fundamentals58 forks

    Leer zelfstanding Javascript om te gebruiken in de leertaken

    css challenges15 forks

    Oefenen met CSS (en co). Daarna toepassen in je eigen werk. Even aanmelden (zie Teams > General)

    i love web156 forks

    Learning Journal en Digital Gardening

    Sprint planning

    Week 1

    Maandag 02/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.

    Doorwerken aan je opdracht in de studio, vanaf 13:30.

    Dinsdag 03/03

    CSS Challenge 13 - Viewtransitions, inloop 9:00, start 9:30. (Sanne)

    Woensdag 04/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. (Justus)

    Doorwerken aan je opdracht in de studio, vanaf 13:30.

    Donderdag 05/03

    Doorwerken aan je opdracht in de studio, vanaf 9:30.

    Vrijdag 06/03

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

    We ♥ Web met oud-student Robin van der Heijden, die vertelt over zijn rol als frontender (en accessibility expert) bij het tofste web bureau van Amsterdam, Q42, ⁠van 13:00 - 14:00 in JMH 00E01.

    Week 2

    Maandag 09/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 Deep Dive in Directus met Rijk van Zanten (eigenaar van Directus) vanaf 13:30

    Doorwerken aan je opdracht in de studio, vanaf 13:30.

    Dinsdag 10/03

    Geen css challenge - hulp bij laatste loodjes voor de sprint review, inloop 9:00, start 9:30. (Sanne)

    Woensdag 11/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. (Justus)

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

    Doorwerken aan je opdracht in de studio, vanaf 13:30.

    Donderdag 12/03

    Sprint review met de opdrachtgever.

    Vrijdag 13/03

    Retrospect sprint 8 terugkijken op de afgelopen 2 weken, wat heb je allemaal geleerd en wat kun je de volgende keer beter doen, inloop 9:00, start 9:30.

    JSON endpoint: Server-Side Rendering