Aantekeningen Weekly Nerd 3

Dave bitter

oud CDM student en developer, werkt met frameworks

Alex Munz

Designer en art director Visual design, branding, animatie en 3d self tought, kan ook developen een beetje

Mirabeau

full servixe digital design agency. focust op human centered design

makers space, met 3d printers en wordt gerunt door studenten. Ze bouwen en testen daar dingen.

Topics

1. The power of t-shaped front-end developers
2. Solving the biggest problem we had with a single page application frameworks

Topic 1

How are we CDM FED's different from others wij zijn heel verschillend tenopzichte van andere FED's

We zijn eigenlijk frontend experience developers

Het T profiel

• Expertise in front-end developemnt
  • T-shaped T-shaped front-end developers Binnen developer kan je ook weer specializeren natuurlijk
• Kennis over visual design
• Kennis in interaction design

Interactive dipartment Vakgroep met front-end developers (guild) Vakgroep met visual design Vakgroep metinteraction design

Deze opbouw heeft impact op het design process

De vakgroepen werken samen maar gesilo'd.

Dave en Alex kwamen er achter dat er andere manieren van samenwerken zijn

Stages in which the FXD operates together with design

• Concepting
• Design production
• Design review
• Browser handoff

Dave en Alex hebben de silo's opgebroken tijdens het ontwerp process

Cases

Mirablog

Blog was verouderd en niet na gedacht over dat er ooit 29 pagina's zouden zijn

Dave heeft Mirabeau website omgezet naar een blog platform. Het is in de browser gedesigned met componeneten, animaties en lettertypes, een proof of concept meer Ze konden in de browser al testen en elkaar feedback geven omdat te verbeteren

LelyUsed

leley bouwt autonome robots voor oop boerderijen Ze willen die machine willen we 2e hands aanbieden omdat ze zo duur zijn

uiteindelijke ontwerp is in de browser gemaakt

Veel kan met vanilla maar met frameworks kan het makkelijker

We always vuild progressivly enhanced

Next.js portfolio website van dave laat hij zien

SSR(serverless), SSG static server generation autmatice code splitting Intergrated API Ciritcal CSS Auto image optimisation