Voor Stichting ICTU zijn wij opzoek naar een Front-end developer – Templates.
Front-end developer – Theme Builder UI
- Regio: Den Haag (hybride)
- Start: 1-okt-2025
- Uren per week: 32
- Duur: 27 maanden
Front-end developer – Theme Builder UI
- Regio: Den Haag (hybride)
- Start: 1-okt-2025
- Uren per week: 32
- Duur: 27 maanden
Front-end developer – Theme Builder UI
- Regio: Den Haag (hybride)
- Start: 1-okt-2025
- Uren per week: 32
- Duur: 27 maanden
Front-end developer – Theme Builder UI
- Regio: Den Haag (hybride)
- Start: 1-okt-2025
- Uren per week: 32
- Duur: 27 maanden
Werkzaamheden
Beschrijving project/programma:
ICTU werkt aan een betere digitale overheid, voor en samen met andere overheidsorganisaties. Met de NL Design System aanpak verzamelen we richtlijnen, componenten en voorbeelden om robuuste websites en webapplicaties voor de overheid te bouwen. Dit wordt gedaan binnen een multidisciplinaire groep professionals die samen het NL Design System Kernteam en het Expertteam Digitale Toegankelijkheid vormen.
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.
Met het Expertteam Digitale Toegankelijkheid worden concrete oplossingen gebouwd om het eenvoudiger te maken voor overheidsorganisaties om toegankelijke websites en webapplicaties aan te bieden.
Omschrijving einde project/programma:
Het project is ten einde wanneer de opdrachtgever de opgeleverde resultaten heeft geaccepteerd en een inhoudelijke decharge heeft verleend. Is het geval wanneer de klant en een landingsplaats heeft voor alle activiteiten en instrumenten van NL Design System, zijn overgedragen aan de betreffende beheerpartij en nazorg is uitgevoerd.
Welke rol heeft de professional binnen het project/programma:
De opdracht bestaat uit het ontwikkelen van Node.js servers en open source libraries voor een website, waarmee het voor overheidsorganisaties makkelijk wordt om een toegankelijke huisstijl vast te leggen en te gebruiken met NL Design System.
Zo help je mee om de toegankelijkheid in Nederland te verbeteren met de hulpmiddelen die het expertteam maakt en draag je bij aan de doorontwikkeling van NL Design System als overheidsbreed open source white-label design system.
De activiteiten die horen bij het realiseren van de opdracht zijn:
- Vertalen van visueel ontwerp naar toegankelijke templates met NL Design System componenten.
- Vertalen van documentatie over toegankelijkheid naar toegankelijke patronen.
- Toepassen van NL Design System richtlijnen en documentatie.
- Verbeteren van patronen en templates naar aanleiding van toegankelijkheidsonderzoek.
- Feedback geven op componenten, richtlijnen en documentatie van NL Design System.
- Documentatie opleveren in Markdown zodat anderen de templates makkelijk kunnen gebruiken.
- Testspecificaties voor toegankelijkheid implementeren in Unit tests met Jest en React Testing Library.
- Vers & veilig houden van de templates door maandelijks code dependencies te updaten.
- In overleg met professionals uit het Expertteam Digitale Toegankelijkheid activiteiten uitvoeren voor valideren en uitbreiden van de templates, patronen en documentatie door middel van:
- Een keer in de 2 weken: Sprint planningen.
- Indien nodig: Refinements in een privé Slack Huddle van het Expertteam Digitale Toegankelijkheid.
- Indien nodig: reviewen van pull requests van andere experts uit het project om vroegtijdig feedback te geven vanuit eigen expertise.
- Voortgang delen in het privé Slack kanaal van het Expertteam Digitale Toegankelijkheid en de NL Design System Heartbeat.
- Publieke Huddles om een nieuwe aanpak voor de templates, patronen of componenten van NL Design System te bepalen.
- Welke eindresultaten zal de professional aan het einde van de opdracht dienen op te leveren.
- Templates gebouwd met componenten uit de NL Design System community, die werken met NL Design System thema's van meerdere organisaties.
- Documentatie in Markdown, inclusief uitleg over welke componenten en patronen moeten worden toegepast, en hoe developers deze op een toegankelijke manier moeten gebruiken in eigen projecten.
- Bijdragen aan open source projecten in de NL Design System community, om de herbruikbaarheid van componenten in verschillende platformen en huisstijlen te verbeteren.
De kandidaat:
- heeft ervaring met het toepassen van herbruikbare componenten uit Design Systems of Component Libraries.
- is pragmatisch en kan werk opdelen in kleine stappen en fases.
- kan zonder code-duplicatie onderdelen hergebruiken, zodat verbeteringen zowel in de bestaande website als de nieuwe website 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 ervaring met het geoptimaliseerd laden van assets, zoals afbeeldingen, fonts en videos.
- 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 progressive enhancement.
- 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.
- heeft ervaring met herbruikbare microcopy gebruiken in templates met i18n tools.
- heeft ervaring met unit tests en end-to-end tests voor front-end code. Bijvoorbeeld met Jest, Vitest, Cypress of Playwright.
- beschikt over goede mondelinge en schriftelijke communicatieve vaardigheden.
- werkt zelfstandig en bewaakt de eigen voortgang als onderdeel van de scrum planning.
- is accuraat, werkt gedisciplineerd en is in staat om de veelheid en diversiteit aan werkzaamheden te ordenen en te prioriteren en stemt hierover af met de Product Manager.
- heeft ervaring met open source werken en vindt het vanzelfsprekend om alles (inclusief het proces) open en transparant te delen.
Functie-eisen
- Hierbij is het van belang dat de professional in de afgelopen 8 jaar:
- Minimaal 5 jaar ervaring met HTML en CSS technieken.Minimaal 5 jaar ervaring met JavaScript.
- Minimaal 3 jaar ervaring met GitHub of vergelijkbaar, waaronder samenwerken via merge/pull requests en het geven van code reviews.
- Minimaal 3 jaar ervaring met ES Modules en TypeScript.
- Minimaal 3 jaar ervaring met Node.js en server-side rendering.
- Minimaal 1 jaar ervaring met unittesten en end-to-end testen van front-end software
- Aantoonbare ervaring met websites maken die toegankelijk zijn volgens WCAG.
Wensen:
- Aantoonbare ervaring in de afgelopen 5 jaar met ontwikkelen en onderhouden van open source projecten,
- Aantoonbare ervaring in de afgelopen 5 jaar met werken aan projecten waarvoor een toegankelijkheidsverklaring is gemaakt,
- Aantoonbare ervaring in de afgelopen 5 jaar met het gebruik van een design system of componenten bibliotheek,
- Aantoonbare ervaring met frontend ontwikkeling met 1 of meer van de volgende technieken in de afgelopen 5 jaar: Web Component, Angular, Vue.js, Drupal, WordPress, Typo3
- Aantoonbare ervaring met het zelfstandig opzetten van nieuwe front-end projecten met build-scripts, in de afgelopen 5 jaar.
- De kandidaat toont aan over een pragmatische en oplossingsgerichte werkwijze te beschikken.
- De kandidaat toont aan accuraat te werken om tot een toegankelijk en onderhoudbaar resultaat te komen
Actuele opdrachten
Zit de juiste opdracht er nu niet tussen voor je? Maak dan gebruik van onze open inschrijving. Of schakel een job alert in!

Wil je meer informatie of heb je vragen? Neem contact met mij op.
Belinda de Kock
Wil je meer informatie of heb je vragen? Neem contact met mij op.

Belinda de Kock
De procedure
1. Sollicitatie
Puda nes repedipienti at ut labore vero expel enditatureVelestium adi illor am que aut landitas dolorum et omnieni modiosa natiaepelent audaepedis evelest.
2. Telefonische kennismaking
Puda nes repedipienti at ut labore vero expel enditatureVelestium adi illor am que aut landitas dolorum et omnieni modiosa natiaepelent audaepedis evelest.
3. Gesprek met opdrachtgever
Puda nes repedipienti at ut labore vero expel enditatureVelestium adi illor am que aut landitas dolorum et omnieni modiosa natiaepelent audaepedis evelest.
4. Tekenen overeenkomst
Puda nes repedipienti at ut labore vero expel enditatureVelestium adi illor am que aut landitas dolorum et omnieni modiosa natiaepelent audaepedis evelest.
5. Aan de slag
Puda nes repedipienti at ut labore vero expel enditatureVelestium adi illor am que aut landitas dolorum et omnieni modiosa natiaepelent audaepedis evelest.
1. Sollicitatie
Puda nes repedipienti at ut labore vero expel enditature Velestium adi illor am que aut landitas dolorum et omnieni modiosa natiaepelent audaepedis evelest.
2. Telefonische kennismaking
Puda nes repedipienti at ut labore vero expel enditature Velestium adi illor am que aut landitas dolorum et omnieni modiosa natiaepelent audaepedis evelest.
3. Gesprek met opdrachtgever
Puda nes repedipienti at ut labore vero expel enditatureVelestium adi illor am que aut landitas dolorum et omnieni modiosa natiaepelent audaepedis evelest.
4. Tekenen overeenkomst
Puda nes repedipienti at ut labore vero expel enditature Velestium adi illor am que aut landitas dolorum et omnieni modiosa natiaepelent audaepedis evelest.
5. Aan de slag
Puda nes repedipienti at ut labore vero expel enditature Velestium adi illor am que aut landitas dolorum et omnieni modiosa natiaepelent evelest.

Meer weten over Hero?
Neem contact met ons op via:
+31 (0) 85 222 1999
Wil je ons een open sollicitatie sturen?
Voor iedereen die geen idee heeft wat Hero doet, maar dat wél graag wil weten, hebben wij een speciale website ontwikkeld waarbij wij onze dienstverlening simpel uitleggen: Hero for Dummies