Planon JavaScript Platform

Cloud engineering + frontendarchitectuur + developer enablement

Ik bouwde dit platform tijdens mijn Cloud Engineer-stage bij ABN AMRO om JavaScript voor Planon-werkplekformulieren te centraliseren en die code via Azure op een veilige en herhaalbare manier door verschillende omgevingen te leveren.

Portfolio-reconstructie

Deze publieke walkthrough is een opgeschoonde reconstructie van het project. Interne URL's, resourcenamen, formulier-ID's, bedrijfsdata en vertrouwelijke implementatiedetails zijn verwijderd of vervangen door generieke voorbeelden. Dit is geen officiële website van ABN AMRO of Planon.

In één oogopslag

Onderdeel	Waar ik aan werkte
JavaScript-architectuur	Gecentraliseerde gedeelde logica en formulier-specifieke modules
Runtime loading	Lichtgewicht loader die de actieve Planon-context bepaalt
Shared utilities	Herbruikbare helpers en controle op render-timing
Azure-hosting	JavaScript-library en documentatie in Blob Storage
Infrastructure as Code	Bicep-templates voor Azure-resources en private networking
Security	Private Endpoint en beveiligde delivery-architectuur
CI/CD	Azure DevOps-pipeline voor Test, Acceptance en Production
Release control	Automatische Test-deployment + approval gates voor Acc/Prod
Developer enablement	Docusaurus-documentatie voor architectuur en workflow

Het platform in één beeld

┌────────────────────┐
│  Planon-formulieren│
│  werkplekprocessen │
└─────────┬──────────┘
          │ laadt
          ▼
┌────────────────────┐
│      loader.js     │
│ bepaalt context    │
└──────┬───────┬─────┘
       │       │
       │       └──────────────┐
       ▼                      ▼
┌───────────────┐     ┌───────────────┐
│ shared/       │     │ forms/        │
│ functions.js  │     │ FORM_001.js   │
│ timing.js     │     │ FORM_002.js   │
└───────────────┘     └───────────────┘
          │
          │ geleverd via
          ▼
┌────────────────────────────────────────────┐
│ Azure Blob Storage + Private Networking    │
│ Test → Approval → Acceptance → Approval →  │
│ Production                                 │
└────────────────────────────────────────────┘

Waarom dit belangrijk was

Het project ging niet alleen om JavaScript schrijven voor individuele formulieren.

De echte engineering-uitdaging was om een onderhoudbaar platform rond die JavaScript te bouwen, zodat herbruikbare functionaliteit centraal kon staan, formulier-specifieke logica geïsoleerd bleef en releases gecontroleerd door beveiligde Azure-omgevingen konden bewegen.

Gebruik de pagina's in deze walkthrough om het platform laag voor laag te bekijken.