Front-end Developer

ICTU werkt aan een betere digitale overheid, voor en samen met andere overheidsorganisaties. Voor het project NL Design System zijn we op zoek naar een Developer. Met de NL Design System aanpak verzamelen we richtlijnen, componenten, patronen en templates om robuuste websites en webapplicaties voor de overheid te bouwen. Dat doet het kernteam samen met een actieve community van specialisten van diverse overheidsorganisaties. De componenten en richtlijnen van NL Design System zijn open source beschikbaar op GitHub en Figma, zodat iedereen ze kan gebruiken voor een begrijpelijke, gebruiksvriendelijke én toegankelijke onlinedienstverlening. Welke rol heeft de kandidaat binnen het project: De opdracht bestaat uit diverse ondersteunende werkzaamheden bij de doorontwikkeling van dit overheidsbrede open source huisstijlonafhankelijke design system met behulp van het de standaardwerkwijze en Definition of Done uit het Estafettemodel. Gewenst profiel De Developer: heeft uitgebreide ervaring met het toepassen van herbruikbare componenten uit Design Systems of Component Libraries. kan zonder code-duplicatie onderdelen hergebruiken, zodat verbeteringen zowel in de bestaande projecten als de nieuwe projecten kunnen worden gebruikt. heeft uitgebreide ervaring HTML. Bijvoorbeeld met landmark roles, document order, semantische HTML, tabellen, formulieren, links en buttons, video, autocomplete, details/summary, custom elements, role, live regions, aria-labelledby, aria-describedby, aria-required, aria-invalid, aria-controls, aria-haspopup, aria-hidden, aria-current, aria-pressed, aria-sort, aria-activedescendant en aria-selected. heeft uitgebreide ervaring met CSS. Bijvoorbeeld met layouts met Grid en Flexbox, CSS logical properties, CSS custom properties, CSS variables, calc() voor fluid font sizes, container queries. heeft uitgebreide ervaring met ECMAScript. Bijvoorbeeld met: ES Modules, import(), URL, async/await, Map, Set, map/filter/reduce, nullish coalescing, class, import.meta, Promises, Object entries, destructuring. heeft ervaring met npm packages gebruiken, monorepositories en npm packages publiceren heeft ervaring met unit tests en end-to-end tests voor front-end code. Bijvoorbeeld met Vitest, Testing Library, Playwright, Jest of Cypress. heeft ervaring met progressive enhancement. heeft ervaring met het maken van Web Components en kan daarbij een goede afweging maken om Shadow DOM of Light DOM gebruiken. heeft ervaring met TypeScript, JSX en kan met renderToString() van React HTML-pagina’s genereren van webpagina’s die zelf geen React gebruiken in de browser. werkt zelfstandig en bewaakt de eigen voortgang als onderdeel van de scrum planning. kan, in overleg met de Product Manager goed afwisselen tussen diverse taken om snel drempels bij de community weg te nemen. is pragmatisch en oplossingsgericht zodat er flexibel een goede aanpak kan worden gekozen waarmee de community makkelijk over kan stappen op nieuwe Candidate en Hall of Fame componenten. is accuraat en werkt gedisciplineerd volgens de beschikbare acceptatiecriteria voor nieuwe componenten. Zodat de testautomatisering uiterst volledig is, componenten bij updates goed blijven werken en nieuwe componenten op een consistente manier worden toegevoegd. Heeft ervaring met het open source werken waarin zowel het proces als de uitkomsten open en transparant worden gedeeld. Concrete werkzaamheden Toevoegen van nieuwe componenten, patronen en templates aan het Design System op basis van het Estafettemodel. Bijvoorbeeld door: Verbeteren van de infrastructuur waarin de community huisstijlen vastlegt en beheert, zodat migraties naar nieuwe versies van componenten makkelijk is Opgehaalde feedback over gebruik van Community en Candidate componenten doorvoeren acceptatiecriteria vertalen naar stories en specs acceptatiecriteria vertalen naar implementatie in code documentatie schrijven van gebruik door developers op npm Helpen bij het migreren van gebruikte Community componenten naar Candidate componenten In kaart brengen van security aspecten bij Candidate componenten als onderdeel van het Hall of Fame proces In kaart brengen van privacyaspecten bij Candidate componenten als onderdeel van het Hall of Fame proces Component testen en verbeteren voor veelvoorkomende combinaties met andere componenten Stories uitbreiden met veelvoorkomende combinaties van componenten Hall of Fame component als webcomponent beschikbaar stellen aan de community Volledige test coverage met automatische tests voor de Hall of Fame component Publiceren van Candidate en Hall of Fame componenten op npm Documenteren van Candidate en Hall of Fame componenten op nldesignsystem.nl Helpen bij het migreren van gebruikte Candidate componenten naar Hall of Fame componenten Hall of Fame component opnemen in alle relevante NL Design System hulpmiddelen en prototypes Uitfaseren van Candidate componenten Samen met het kernteam bijdragen aan Estafettemodeldagen waarin het kernteam en de community samenwerken om het Estafettemodel voor componenten te doorlopen. In overleg met Product Manager, danwel Project Manager worden acceptatiecriteria voor opleveringen opgesteld; In overleg met professionals uit het NL Design System Kernteam activiteiten uitvoeren voor valideren en uitbreiden van NL Design System door middel van: Een keer in de 2 weken op dinsdag: Sprint planningen Indien nodig: Refinements in een privé Slack Huddle van het kernteam Voortgang delen in het privé Slack kanaal van het kernteam en de NL Design System Heartbeat Publieke Huddles om een nieuwe aanpak voor de NL Design System architectuur of Definition of Done te bepalen Over de klant: Over ICTU ICTU werkt aan een betere digitale overheid, voor en samen met andere overheidsorganisaties. Met de NL Design System aanpak verzamelen we richtlijnen, componenten, patronen en templates om robuuste websites en webapplicaties voor de overheid te bouwen. Het kernteam werkt samen met een actieve community van specialisten van diverse overheidsorganisaties. De componenten en richtlijnen van NL Design System zijn open source beschikbaar op GitHub en Figma.