Voor een uitdagende rol als Front end Developer - Theme Builder UI zoeken we een professional die wil bijdragen aan de digitale toegankelijkheid van Nederland. In deze functie werk je aan het ontwikkelen van een moderne front-end voor een gebruiksvriendelijke webapplicatie, met de mogelijkheid om direct impact te maken op het NL Design System. Je komt te werken in een multidisciplinair team en draagt bij aan de doorontwikkeling van een open source, overheidsbreed design system. Lees door om te zien hoe deze rol jouw professionele horizon kan verbreden.

Over het bedrijf

Bright Professionals

Werving en selectie•21 - 50 medewerkers

•

Volledige vacaturetekst

Functieomschrijving
Voor ICTU zoeken wij een Front end Developer – Theme Builder UI. Je werkt aan het ontwikkelen van een moderne front-end voor een gebruiksvriendelijke webapplicatie, waarmee overheidsorganisaties eenvoudig een toegankelijke huisstijl kunnen vastleggen en gebruiken met NL Design System.

Je draagt direct bij aan het verbeteren van de digitale toegankelijkheid in Nederland door hulpmiddelen te realiseren binnen het NL Design System. Daarbij ondersteun je de doorontwikkeling van dit open source, overheidsbrede white-label design system.

Binnen een multidisciplinair team ontwikkel je samen met andere professionals uit het Expertteam Digitale Toegankelijkheid diverse oplossingen die het voor overheidsorganisaties makkelijker maken om toegankelijke websites en webapplicaties aan te bieden.

Jouw verantwoordelijkheden bestaan uit:

Ontwikkelen van een front-end applicatie waarin het design van componenten realtime kan worden aangepast.
Bouwen van een interactieve stijlgids op basis van Design Tokens JSON, waarmee meerdere huisstijlen ontwerpbeslissingen kunnen vastleggen en delen.
Ontwikkelen van herbruikbare front-end web componenten volgens de architectuur van het NL Design System.
Maken van complexe front-end web componenten, zoals combobox, dialogen met formulieren, color pickers gebaseerd op pixels in afbeeldingen en diverse color spaces.
Opzetten van state management met een undo-stack, gebruikmakend van vanilla JavaScript, session storage en REST API’s.
Bouwen van validatieregels om de toegankelijkheid van een huisstijl te meten.
Ontwikkelen van templates en patronen om te laten zien hoe alle design tokens werken in combinatie met een huisstijl.
Integreren van een koppeling met de REST API van een web scraper.
Verbeteren van software op basis van feedback van toegankelijkheidsspecialisten, het kernteam van NL Design System en gebruikersonderzoek.
Vastleggen van verbetermogelijkheden en technical debt in de backlog van het project.
Samen met andere specialisten uit het Expertteam Digitale Toegankelijkheid ontwikkelen en begeleiden van (online) workshops over het ontwikkelen van een toegankelijke huisstijl.
Implementeren van testspecificaties voor toegankelijkheid in unit tests met bijvoorbeeld Vitest en Testing Library.
Zorgen dat templates up-to-date en veilig blijven door maandelijks code dependencies te updaten.
In overleg met collega’s uit het expertteam uitvoeren van activiteiten rond het valideren en uitbreiden van templates, patronen en documentatie, bijvoorbeeld via:
- Tweewekelijkse sprint planningen
- Refinements in een privé Slack Huddle indien nodig
- Reviewen van pull requests van andere experts
- Delen van voortgang in het privé Slack kanaal van het expertteam en de NL Design System Heartbeat
- Bijdragen aan publieke huddles rondom nieuwe aanpak voor templates, patronen of componenten

Concreet behaal je de volgende resultaten:

Templates en patronen leveren waarmee verschillende verschijningsvormen van een huisstijl per component getest kunnen worden.
Geautomatiseerde tests bouwen om de softwarekwaliteit te meten.
Open source npm packages publiceren met herbruikbare web componenten voor het invoeren of demonstreren van design tokens.
Gefaseerde oplevering van de website, beginnend bij een minimum viable product en vervolgens per milestone zoals afgesproken in de product backlog.

Aan het eind lever je:

Een website met een wizard waarmee een huisstijl wordt gedocumenteerd en beschikbaar gemaakt voor NL Design System, startend met een web scraper en eindigend met een stijlgids.
Documentatie waarmee het beheer van de website kan worden overgedragen.

Jouw profiel

Je hebt ervaring met het toepassen van herbruikbare componenten uit Design Systems of Component Libraries.
Je hebt ervaring met het ontwikkelen van complexe front-end componenten, zoals een Combobox, Date Picker of Color Picker.
Je bent pragmatisch en deelt werk op in kleine stappen en fases.
Je kunt zonder code-duplicatie onderdelen hergebruiken, zodat verbeteringen zowel in de bestaande als in de nieuwe website gebruikt kunnen worden.
Je beschikt over uitgebreide kennis van HTML, inclusief landmark roles, document order, semantische HTML, tabellen, formulieren, links, 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.
Je hebt ervaring met het maken van Web Components en kunt goed kiezen tussen Shadow DOM of Light DOM.
Je hebt uitgebreide kennis van CSS, o.a. layouts met Grid en Flexbox, CSS logical properties, custom properties, CSS variables, calc() voor fluid font sizes en container queries.
Je beheerst ECMAScript, bijvoorbeeld ES Modules, import(), URL, async/await, Map, Set, map/filter/reduce, nullish coalescing, class, import.meta, Promises, Object entries en destructuring.
Je hebt ervaring met npm packages gebruiken, werken met monorepositories en npm packages publiceren.
Je hebt ervaring met REST APIs voor het laden van data voor pagina’s.
Je hebt ervaring met het opzetten van unit tests en end-to-end tests voor front-end code, bijvoorbeeld met Jest, Vitest, Cypress of Playwright.
Je beschikt over goede mondelinge en schriftelijke communicatieve vaardigheden.
Je werkt zelfstandig en bewaakt je eigen voortgang als onderdeel van een scrum team.
Je werkt accuraat, gedisciplineerd en kunt verschillende taken ordenen, prioriteren en hierover afstemmen met de Product Manager.
Je hebt ervaring met open source werken en vindt het vanzelfsprekend om alles – inclusief het proces – open en transparant te delen.

Goede beheersing van de Nederlandse taal in woord en geschrift is vereist voor deze functie.

Functie wensen

Je hebt aantoonbare ervaring in de afgelopen 5 jaar met het ontwikkelen en onderhouden van open source projecten met npm
Je hebt aantoonbare ervaring in de afgelopen 5 jaar met webcomponenten en kunt het verschil tussen light-dom en shadow dom uitleggen
Je hebt aantoonbare ervaring in de afgelopen 5 jaar met het gebruik van een design system of componentenbibliotheek
Het is een pre als je aantoonbare ervaring hebt met het zelfstandig opzetten van nieuwe front-end projecten met build-scripts in de afgelopen 5 jaar
Je beschikt over een pragmatische en oplossingsgerichte werkwijze

Extra informatie

Plaats Den Haag
Opleidingsniveau MBO/HBO/WO
Aantal uur 32 uur per week
Startdatum 01-10-2025
Geschikt voor ZZP? Ja
Thuiswerken mogelijk? N.t.b.

Gerelateerde zoekopdrachten

Developer Den Haag Parttime Den Haag MBO Den Haag Vast contract Den Haag Den Haag Provincie Zuid-Holland Developer Salaris Developer

Vacature opslaan

Gefeliciteerd, je bent succesvol ingeschreven!

Vanaf nu ontvang je automatisch de best passende vacatures automatisch in je mailbox.

Jouw inschrijving
Emailadres:
Functie:
Plaats:
Frequentie:

Wijzig je inschrijving

Ontvang als eerste nieuwe vacatures voor Developer in Den Haag

Je e-mail

Frequentie

(Uitschrijven kan altijd via elke e-mail die je ontvangt)

(Uitschrijven kan altijd via iedere app die je ontvangt)