persoonlijke informatie
downloaden als pdf,- Ron Valstar BA / MA
- van Bossestraat 82-3
- 1051 KB Amsterdam
- 06 33697212
- ron@ronvalstar.nl
- http://ronvalstar.nl
- https://github.com/Sjeiti
- https://stackoverflow.com/users/695734/sjeiti
- https://nl.linkedin.com/in/ron-valstar-4b20a917
profiel
Ik ben een gepassioneerde front-end ontwikkelaar met meer dan twintig jaar ervaring in het ontwikkelen van digitale media.
Mijn formele achtergrond is grafische vormgeving en interactie ontwerp, en streef naar consistentie en netheid in zowel code als ontwerp.
Ik heb een sterke affiniteit met Test-Driven Development en web toegankelijkheid (WCAG).
Ik kan verschillende backend-talen lezen en schrijven en ben niet bang om iets nieuws te leren.
vaardigheden
| 2016 | 2017 | 2018 | 2019 | 2020 | 2021 | 2022 | 2023 | 2024 | 2025 | 2026 | |
|---|---|---|---|---|---|---|---|---|---|---|---|
| HTML | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 |
| CSS | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 |
| JavaScript | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 |
| React | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | |||
| Angular | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | |||
| Vue | 1 | 1 | 1 | 1 | 1 | 1 | 1 | ||||
| TDD | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 |
| Cypress | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | |||
| JSDoc | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 |
| design system | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | |||
| UX | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | |||
| accessibility | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | |
| Storybook | 1 | 1 | 1 | 1 | 1 | 1 | 1 | ||||
| scrum | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 |
opleiding
- Cursus 'Practical accessibility'
- Universiteit van Portsmouth (HKU): European Media Master of Arts, Interactive Multi Media (MA)
- HKU: Interaction Design (BA)
- CIBAP: Reclame
- Basiscursus reclame, LOI
- HAVO
projecten
-
Rijkswaterstaat DIWA
Ontwikkeling van een interactieve infographic animatie. De animatie is gemaakt met alleen HTML en CSS met oog voor toegankelijkheid.
- klant
- Rijkswaterstaat
-
Studyblend
Nieuwe implementatie van een bestaande online leertool waarmee docentenen studenten hun voortgang tijdens een cursus kunnen volgen. De stack is ge-refactored van AngularJS/Laravel naar React/MongoDB. Veel van de oude handmatige configuratie is nu geautomatiseerd, en er zijn nieuwe functies toegevoegd. Ik ook een aantal flows gewijzigd ter verbetering van de gebruiksvriendelijkheid. De build implementeert een samengevoegde test-coverage van back- tot front-end, van unit- tot end-to-end-tests.
- klant
- Shapers
-
Randstad microservices
Front-end ontwikkelaar in een team om bestaande monolithische functionaliteiten om te bouwen naar georkestreerde microservices. Mijn werk bestond voornamelijk uit het ontwikkelen van white-label Angular-componenten voor verschillende Randstad-bedrijven. Ik heb de code-generatie opgezet via Swagger (later OpenAPI), zodat front-ends gemakkelijk konden worden geschreven voordat de backend gereed was. Ik had een leidende rol bij het verplaatsen en afstemmen van alle front-end projecten naar een Nx-gebaseerd monorepo. Dit werd gedaan om het delen van code gemakkelijker te maken (voorheen publiceerden we naar private NPM). Dit omvatte het toevoegen van Markdown-documentatiegeneratie aan de pipelines, evenals verschillende Storybooks voor het design system. Dit omvatte het opzetten van gegenereerde Markdown-documentatie, even als verschillende Storybooks voor het design system.
- klant
- Randstad
-
CMS update for 'I can change'
'I can change' is een stichting die stadslandbouw promoot in het hart van Amsterdam. Ik heb hun website bijgewerkt naar de nieuwste versie van het Kirby-framework. Daarnaast heb ik verschillende op maat gemaakte Vue-componenten toegevoegd die voor het updaten en communiceren veel gemakkelijker maken. Dit werk werd als vrijwilligerswerk gedaan.
-
Sympany spreadsheet plugin
Vrijwilligerswerk aan het ontwikkelen van een open-source WordPress-plug-in die spreadsheets leest en weergeeft als blocks. Met de spreadsheet kan worden ge-interacteerd met behoud van berekeningen.
- klant
- Sympany
-
Design United 2021
Ontwikkeling van de 2021 design-united website die de Dutch Design Week live uitzendt. De site is een React SPA op een WordPress REST API en toont ongeveer 40 projecten van studenten van vier Nederlandse universiteiten.
- klant
- Design United, Shapers
-
Project Invoice
Ontwerp en ontwikkeling van een local-first facturatie applicatie. Alle gegevens worden opgeslagen op de lokale computer en kunnen worden over gezet naar andere apparaten via een peer-to-peer-verbinding. Styling en tekst van facturen en offertes zijn volledig aanpasbaar.
-
Takeaway Foodball quiz
Front-end development van een mobiele web app. De app is een video-quiz waarmee je kortingsbonnen van Takeaway kunt winnen. De gebruikte tech-stack was een React/Nextjs-frontend op een Laravel REST API.
- klant
- Superhero Cheesecake
-
Boon Learning
Om hun op maat gemaakte e-learningplatform om tezetten in een op abonnementen gebaseerd platform, was een aanpasbaar herontwerp nodig. We hebben een design system opgezet om te integreren met hun bestaande broncode. De bestaande broncode is in Haxe, wat obscuur is, maar lijkt op talen waarmee ik bekend ben. We schreven documentatie en creëerden de eerste twee aanpasbare thema's.
- klant
- Boon software
-
Randstad plannings applicatie
Lead front-end developer verantwoordelijk voor responsieve implementatie van een bestaande plannings applicatie. Verbeterde snelheidsprestaties in bestaande lijsten en tabellen met grote hoeveelheden data. Strengere codelinting geïmplementeerd en component testen toegevoegd met Cypress. Prototypes gemaakt voor mogelijke toekomstige implementaties.
- klant
- Randstad
-
Disconnect
Technische experimentatie en ontwikkeling van een site voor een audiovisuele performance. De site is een driedimensionale omgeving met aangepaste GLSL-shaders voor video en audio met ondertitels.
- klant
- Stichting M31 Foundation
-
Vodafone
Nieuwe implementatie van de checkout flow in een SPA met behulp van Angular material. Verschillende verbeteringen toegevoegd aan het build proces. Veel verouderde code bijgewerkt/ge-refactored. Verbeterde code kwaliteit.
- klant
- Vodafone
-
API aanpassingen voor Elasticsearch widget
Implementatie en vormgeving van de eerder ontwikkelde Education Widget voor het Ministerie van Onderwijs van de Nederlandse Antillen. Wijzigingen aan de oorspronkelijke REST-API worden doorgevoerd in de code die de Elasticsearch backend vult.
- klant
- Ministry of Education, Culture, Youth and Sports, Division for Educational Innovations
-
Zeker met je creditcard
Front- en backend ontwikkeling van zekermetjecreditcard.nl, een single page Angular website die gebruik maakt van Wordpress als REST API.
- klant
- Build In Amsterdam
-
Education widget
Voor Studiekeuze123 heb ik een widget gemaakt die alle beschikbare opleidingen in Nederland doorzoekt. We hebben gegevens van bestaande eindpunten naar Elasticsearch gehaald voor snelheid. Er zijn source-gegenereerde documentatie en voorbeelden gemaakt, zodat de widget eenvoudig door derden kan worden geïmplementeerd en gestyled.
- klant
- Studiekeuze123
-
Total Timeline
De grootste tijdlijn die ooit is gemaakt. Toont belangrijke gebeurtenissen in de geschiedenis van de tijd.
-
Philips website
Demo omgezet in werkbare code. Hielp bij het opzetten van code richtlijnen voor toekomstige views en componenten. De complexere componenten en eenvoudigere voorbeeld componenten geïmplementeerd. Ik heb een build opgezet die de documentatie genereerde via JSDoc.
- klant
- De Voorhoede
-
Chocolátl
A new store in the Jordaan called Chocolátl. And it sells chocolate.
Together with graphic designer Ibrahim Farah a website for the store was created: clean and staightforward. Both Ibrahim and I are now a bit more addicted to chocolate.
There’s also rumor of a webshop being developed. -
Budlight Sensation
Implementatie van Sensation event in de bestaande Canadese Budlight website. Het evenement was opgedeeld in een aantal fasen die op specifieke tijden moesten worden live gezet.
- klant
- Resn
-
Yoleo game
Yoleo is een website die kinderen helpt bij het lezen door het leuk en uitdagend te maken. Ik ontwikkelde een 'eindspel' dat kinderen konden spelen na een bepaalde hoeveelheid gelezen te hebben. Voor de ontwikkeling van het spel was ook een level-editor vereist.
- klant
- Shapers
-
Novartis
Een virtuele 3D-panoramatour in HTML5/CSS3, bestaande uit meerdere panorama's waar je doorheen navigeert via de ruimte zelf of door een verhaal te volgen.
- klant
- Novartis International AG
-
Soundcircus
Flash-website die een FWASOTD, een ADCN-lamp en een Webby heeft gewonnen!
- klant
- Pool Worldwide
-
Allerhande
Ik was front-end ActionScript developer in het Fabrique/Lukkien/freelancers SCRUM team dat de website van Allerhande ontwikkelde.
- klant
- Lukkien
-
3D panoramas
Ontwerp van gebruikers interface en front-end Flash ActionScript 3 ontwikkeling voor een toepassing die driedimensionale panoramische weergaven koppelt voor architectuur fotografie.
- klant
- Iwan Baan
-
Ome Willem
Interaction design, grafisch ontwerp en ontwikkeling voor de Ome Willem website.
- klant
- Ome Willem
-
Kleuren speuren
Kleuren Speuren is een educatief spel voor kinderen van 6 tot 12 jaar. Ik was betrokken bij het hele proces van concept tot ontwikkeling. Mijn belangrijkste taak was het maken van alle illustraties en het programmeren van het spel.
- klant
- Sikkens Foundation