FDND Frontend
Design & Development

Sprint 1: Your Tribe

De opleiding FDND bestaat uit een tribe met daarin een aantal squads, in een squad zitten studenten en docenten. Het eerste semester begint met de sprint Your Tribe: presenteer jezelf en je squad met een eigen website. In deze sprint maak je kennis met je studiegenoten en de opleiding. Je leert je eigen online profielpagina maken en gaat met je Squad een gezamenlijke website maken.

De focus in deze sprint ligt op kennismaken, samenwerken en hoe je interface en vormgevingsprincipes kan toepassen voor een responsive design..

Gedragscriteria

  • M: Volgt binnen projecten de aangeboden fasering van de development-lifecycle (1.1.1)
  • M: Past aangeboden principes en conventies op het gebied van frontend design en development toe (1.1.2)
  • S: Werkt in teams, laat zich hierbij begeleiden en geeft feedback aan teamleden (1.2.1)
  • S: Draagt verantwoording voor eigen resultaten en verwerkt ontvangen feedback (1.2.2)
  • P: Schetst om gedachten en processen te verkennen (1.4.2)

Leertaken

profile card164 forks

Maak met HTML, CSS en JS een visitekaartje

squad page129 forks

Ontwerp en maak met een team een squadpagina met HTML, CSS en JS

Deeltaken

team canvas10 forks

Vul met jouw team een canvas in om een goed vertrekpunt voor jouw teamproject te hebben

responsive design4 forks

Schets en maak een responsive design voor de squad page

css basics22 forks

Pas de basics van CSS toe op jouw visitekaartje

visuele hierarchie8 forks

Verbeter het Visual Interface Design van je visitekaartje door visuele hiërarchie toe te passen

Studentenwerk

Sprint planning

Week 1

Maandag 04/09

Kickoff met uitleg over de opleiding, werkwijze, toetsing, opdrachtgevers en opdrachten. (Koop)

Workshop visitekaartje ontwerpen, maken en online publiceren. (Koop)

Dinsdag 05/09

Talk over webtechnologie, over het web, client-server, HTML, CSS en JS. (Justus)

Workshop CSS Basics (deel 1), over Selectors, Properties en Debuggen. (Joost)

Woensdag 06/09

Workshop Visual interface design, over visuele hiërarchie. (Koop)

Donderdag 07/09

Verder werken aan je visitekaartje en vragen stellen over CSS en Visuele hiërarchie. (Suus, Koop, Krijn)

Vrijdag 08/09

Workshop Wrap-up (deel 1), over documenteren van leertaken op Github + checkpoints. (Suus)

Work Hard Play Hard.

Week 2

Maandag 11/09

Workshop Ideegeneratie, over samenwerken en ideeën bedenken voor het ontwerpen van een 'squadpage'. (Berat)

Dinsdag 12/09

Workshop CSS Basics (deel 2), over Cascade, Specificity & Inheritance. (Sanne)

Woensdag 13/09

Workshop Responsive Design over Responsive, Breakpoints en Media-Queries (Koop)

Donderdag 14/09

Verder werken aan je squadpage en vragen stellen over Responsive Design. (Suus, Koop)

Vrijdag 15/09

Code/Design review, designs bekijken en HTML breakdown maken van de teampagina's + checkpoints. (Suus)

We  Web met ..., van 12:30 - 13:30.

Week 3

Maandag 18/09

Talk HTML semantiek van breakdown naar markup. (Krijn)

Workshop live-coding over CSS layout, media-queries, flex en grid. (Justus)

Dinsdag 19/09

Minisymposium over toegankelijkheid om 10:00 in de collegezaal van het BPH, 3 sprekers komen vertellen en laten zien wat (web) toegankelijkheid is en waarom het belangrijk is. (Sanne, Justus)

Woensdag 20/09

Workshop Wrap-up (deel 2), over documenteren en voorbereiden voor de Retrospect. (Dorien)

Donderdag 21/09

Donderdag vragen stellen. (Suus)

Vrijdag 22/09

Workshop Retrospect terugkijken op de afgelopen 3 weken, wat heb je allemaal geleerd en wat kun je de volgende keer beter doen + checkpoints. (Suus)

Work Hard Play Hard.