Van Aspirant Developer tot Schaalbare Software: Mijn Ervaringen in Web Development

By Elias De Bock

Van Aspirant Developer tot Schaalbare Software: Mijn Ervaringen in Web Development
16 maart 2025

Het is alweer een tijd geleden sinds mijn laatste blogpost, maar stilzitten zat er niet in. Ik ben druk in de weer geweest met het bouwen van schaalbare applicaties en heb me verder verdiept in moderne infrastructuur. Het was een periode vol groei en uitdagingen.

In deze blogpost geen droge opsomming van technologieën, maar een terugblik op de lessen die ik heb geleerd, de obstakels die ik heb overwonnen en de keuzes die mij als developer hebben gevormd.

TL;DR

🚀 Full Stack Developer met ervaring in React, Angular, .NET, Laravel, Kubernetes en DevOps.
🔧 Ontwikkelt en beheert schaalbare applicaties, waaronder een React clone en een SaaS-platform (eDB) met demo apps (webshop).
🌍 Ervaring met samenwerken met internationale teams, onboarding van nieuwe teamleden en werken met verschillende stakeholders.
🛠️ Ervaren in CI/CD, Kubernetes, Nx, en moderne full-stack ontwikkeling.
📌 Op zoek naar een Full Stack of DevOps rol om schaalbare applicaties te bouwen en te optimaliseren.


SEO in web development

Het Begin (2019)

Becode

Mijn eerste stappen in web development zette ik begin 2019, toen ik deelnam aan een zeven maanden durende bootcamp bij Becode. Hier leerde ik HTML, CSS en JavaScript, zowel zelfstandig als in teamverband, en bouwde ik mijn eerste projecten.

Hier ontstond mijn fascinatie voor softwareontwikkeling, maar dit was pas het begin.


Eerste Werkervaring (2019-2020)

Bothive

Na Becode kon ik een drie maanden durende stage doen bij Bothive als Junior Full Stack Developer, waar ik voor het eerst werkte met de MERN-stack (MongoDB, Express, React, Node.js).

Mijn belangrijkste ervaringen daar:

Een webcrawler bouwen in Node.js, waarmee ik dieper inging op backend-processen en Javascript.
Mijn eerste React-app, toen nog met class components en Axios (React 16).
Docker gebruiken in een productieomgeving.

De grootste lessen uit deze periode kwamen van Brecht, die me in lange whiteboard-sessies hielp begrijpen hoe zaken under the hood werken. Die sessies hebben later in mijn carrière een grote rol gespeeld in hoe ik software benader.


Professionele Groei (2020-2023)

iO

Frontend Developer (2020-2021)

Mijn eerste job als Frontend Developer was bij een marketingbedrijf Adagio (later overgenomen door iO), waar ik werkte aan e-mailontwikkeling en landingspagina’s binnen een Drupal-gebaseerd CMS voor nationale en internationale klanten zoals Proximus en Johnson & Johnson.

Ik kreeg ervaring met marketing automation tools zoals Eloqua en Veeva en werkte aan debugging en testing van een nieuwe Proximus-forms implementaties. Hier heb ik ook mijn eerste stappen gezet om nieuwe teamleden te onboarden en hen wegwijs te maken binnen de verschillende flows in ons team en hielp ik regelmatig met het oplossen van issues en dringende zaken.

J&J

Consultant: Webmaster & Web Analist (2021-2023)

Na een jaar en een paar maanden, kreeg ik de kans om als consultant te werken aan een CMS-migratie van Drupal naar Contentstack voor J&J EMEA en ondergeschikte landen. Dit was mijn eerste ervaring in een enterprise-omgeving en gaf me inzicht in hoe grote organisaties omgaan met softwaremigraties en digitale transformatie.

Mijn rol ging verder dan enkel implementeren. Na afloop van de migratie werd ons team deel van J&J EMEA als externen. Ik werkte samen met business analisten, support teams en product owners om allerhande requirements te verzamelen, issues te identificeren en indien nodig op te lossen. Ook beheerden we de medische content op hun platformen die bestemd zijn voor dokters en patiënten.

De samenwerking met teams verspreid over verschillende landen en tijdzones leerde me hoe belangrijk duidelijke communicatie, documentatie en procesoptimalisatie zijn in grotere organisaties.

Ook heb ik hier ervaring opgedaan met projectmanagement tools zoals Jira en Confluence. Daarnaast was ik betrokken bij regressietesten, het afstemmen met externe design agencies en het bewaken van de balans tussen hun designimplementatie en wat haalbaar was binnen het platform.


Road to Full Stack (2023-heden)

Toen mijn opdracht bij J&J eindigde, wilde ik zeer graag terug naar full-stack development. Ik wilde niet enkel content beheren, maar de systemen zelf bouwen. Om mijn kennis opnieuw op te frissen, verdiepte ik mij in moderne web development, backend-technologieën en infrastructuur via allerlei Udemy courses en YouTube tutorials.

Fase 1 - Heropbouwen Skillset

Ik begon met een gestructureerde aanpak om mijn technische kennis te verdiepen en bij te werken:

  • Vanilla JS training – Vanilla Javascript training via tutorial.
  • Octane – CSS library gebouwd met SASS.
  • OOP in PHP – Object oriented programming in PHP.
  • GPT-3.5-Turbo Chatbot – Simpele chatbot die met GPT 3.5 Turbo API communiceert.
  • React 18 & TypeScript – Opfrissen via Udemy, Youtube, met focus op Redux Toolkit, Axios en modern state management.
  • MERN & API Ontwikkeling – Een full-stack blogapp met files upload, JWT.
  • GraphQL & Next.js – Verkennen van GraphQL queries en performance optimalisaties via een kleine project management tool.
  • 3D met React-Three/Fiber – Experimenteren met 3D rendering in React.
  • Eerste portfolio site – Mijn eerste persoonlijke site gehost op Netlify. Gebouwd in React met Typescript, Tailwind en tsparticles. Via tutorial, dan zelf features toegevoegd zoals light en dark mode.

Na een tijdje merkte ik dat ik vastzat in tutorial 'hell' — ik bleef nieuwe concepten leren, maar bouwde niets zelfstandig from scratch. Er was ook minder focus op CI/CD of testing. Deployment werd grotendeels via Netlify gedaan. Het was tijd voor een nieuw plan van aanpak.

Overstap naar eigen projecten - Dawn

Ik besloot mijn aanpak aan te passen en eigen applicaties te schrijven in plaats van tutorials te volgen. Hierna werd Dawn geboren.

Een native iOS fitness-app in Swift en SwiftUI, met Swift Data voor data persistence. De app helpt gebruikers hun voedingsinname, trainingen en progressie te tracken, met historische grafieken via Swift Charts en een foto dagboek om evolutie te visualiseren. Verder ook een onboarding flow.

De code hiervoor is te vinden via onderstaande link.

🔗 Codebase: GitHub Repository


Fase 2

React clone

Tijdens mijn zoektocht naar een dieper begrip van frontend frameworks besloot ik om een eigen versie van React te bouwen. Dit project had als doel om inzicht te krijgen in hoe een virtual DOM, reconciliatie, en state management onder de motorkap werken.

Belangrijkste functionaliteiten:

Virtuele DOM-implementatie – Een eigen diffing-algoritme om enkel gewijzigde nodes te updaten.
Component-based rendering – Een eenvoudige manier om componenten te definiëren en hergebruiken.
Eigen useState-hook – Basis state management zonder afhankelijkheid van externe libraries.
CI/CD pipeline – Geautomatiseerd testen, Docker builds en deploys naar AWS Lightsail.

🔗 Live demo: React Clone
🔗 Codebase: GitHub Repository

Dit project hielp me enorm om React beter te begrijpen en heeft me veel geleerd over performance-optimalisaties, rendering en het opzetten van een volledige frontend pipeline.

eDB

Mijn meest ambitieuze project tot nu toe: een schaalbaar platform waar gebruikers een account kunnen maken, zich kunnen abonneren op verschillende demo applicaties uit de catalogus en de software kunnen testen die ik bouw. De eerste demo app in de catalogus is een webshop. Lees meer in deze blog post.


Vooruitblik: 2025

In 2025 ligt mijn focus op het verder ontwikkelen van het platform met slimme en efficiënte oplossingen. Ik wil marktonderzoek doen om zakelijke noden beter te begrijpen, en verkennen hoe AI-integratie apps responsiever kan maken.

Infrastructuurdoelen

  • Migreren naar Azure Kubernetes Service (AKS)
  • Gebruik maken van Azure Container Registry (ACR)
  • Azure DevOps Pipelines evalueren als alternatief voor GitHub Actions

Monitoring & Beveiliging

  • Integratie van Grafana & Prometheus, ELK Stack, Fluentd, Loki, Vault
  • Inzetten op GitOps tools: ArgoCD, Helm, Kustomize
  • Ondersteuning voor hotfixes & feature flags

Architectuur

  • Verkennen van event-driven en domain-driven design
  • Implementeren van microfrontends via Module Federation

Kwaliteit

  • Versterken van end-to-end testing (Cypress, Playwright)
  • Onderzoek naar eenvoudigere hosting: Azure App Service, Azure Functions

Kortom: 2025 draait om slimme innovatie, schaalbare architectuur en geoptimaliseerde workflows. Stay tuned!


Outro

Deze reis heeft me gevormd tot de developer die ik vandaag ben. Van HTML en CSS tot Kubernetes, CI/CD, VPS en modulaire architectuur — elke fase had zijn lessen. En ik ben er zeker van dat er nog zullen volgen.

Heb je interesse in samenwerking of wil je ideeën uitwisselen? Neem gerust contact op! 🚀

👉 GitHub


Inspiratie & bronnen

Tijdens mijn leerproces heb ik veel inspiratie gehaald uit verschillende ontwikkelaars en educatieve content. Hieronder enkele van de bronnen die me geholpen hebben om nieuwe vaardigheden te ontwikkelen:

📺 YouTube

🎓 Udemy

🧑‍🤝‍🧑 IRL

Bedankt aan Madalina voor de brainstorm sessies, de code reviews en sterke begeleiding in frontend development. Bedankt aan Brecht voor de vele white board sessies en voor de tijd de je in mij geïnvesteerd hebt.