freelance front-end developer

Front-end developer

Een front-end developer is verantwoordelijk voor het technische deel aan de 'voorkant' van een website of webapplicatie en maakt deze interactief en toegankelijk.

Sinds 1999 werk ik (vanaf 2005 als zelfstandige/ZZP-er) als front-end developer, met een focus op enerzijds toegankelijkheid en progressive enhancement in de basis en anderzijds JavaScript driven responsive websites. Dit bestaat uit inzet van moderne layout technieken middels HTML5/CSS en JavaScript ES6 / TypeScript of een JavaScript framework/library zoals Vue, React of Nodejs. Ik kijk verder dan alleen naar front-end code in een client/server omgeving, alias de fullstack. Mijn bedrijf heet Position Flex aka PF webdevelopment. Ik heb als front-end developer veel ervaring opgedaan bij bedrijven en organisaties(1000+) zowel in de publieke als in de commerciële sector.

In de periode van 1999 tot 2005 heb ik oa. websites gebouwd volgens de LAMP stack (Linux, Apache, MySQL en PHP), maar ook in ActionScript. Verder werden de mogelijkheden om websites te bouwen met gebruik van CSS uitgebreid, doordat browsers CSS meer en meer gingen ondersteunen vanaf 2002. In die tijd werd JavaScript in veel mindere mate ingezet dan vandaag en werd DHTML (Dynamic HTML) veelal gebruikt als een verzameling van technologiëen, meestal inline, totdat DOM scripting zijn intrede deed in 2005, waardoor structuur ontstond in de clientside code. Mede hierdoor kreeg de term 'Front-end Development' steeds meer gestalte en werd het een aparte discipline rond 2007. Ik heb een pagina opgezet met links gerelateerd aan front-end (web) development .

De front-end developer in mij

Blijft up-to-date in front-end ontwikkeling.
Werkt met een pragmatische blik en zoekt naar oplossingen die werken voor de gebruiker, zoveel mogelijk vanuit de progressive enhancement methode
Heeft veel ervaring op het gebied van responsive design en templates. Ik ondersteun daarin ook back-end developers in een willekeurig CMS zoals bijvoorbeeld: SiteCore / Episerver / Tridion / CMS made simple.
Heeft ervaring met unit testing (jasmine / jest)
Browsers bieden steeds betere technieken gericht op interactie - en layout gebied zoals css grid layout en flexbox en ik zet deze in.
Heeft diepgaande kennis op het gebied van HTML5(HTML), CSS en JavaScript: ruime ervaring met JavaScript omgevingen op basis van es6+/es5 of TypeScript, professionele kennis van JavaScript libraries/frameworks zoals: Vue.JS(single file components / Vuex / Vue Router / vue cli), React, knockoutJS. Ontwikkeling volgens de webstandaarden welke de meest populaire browsers ondersteunen, inclusief legacy browsers IE10/11.
Bouwt ook koppelingen met REST api's of een microservice in nodeJS.
Zet een gestructureerde front-end workflow neer middels package-managers, build tools en preprocessors zoals npm, webpack, sass en code linting
Heeft veel nuttige ervaring opgedaan in samenwerking met grafische/interactie ontwerpers en front/back-end developers
Heeft meer dan 8 jaar ervaring met de Agile/scrum werkwijze
Hanteert een stricte scheiding tussen opmaak (CSS), structuur (HTML) en gedrag(JavaScript)
Heeft in het verleden ook ervaring opgedaan met het ontwikkelen van database driven websites middels serverside scripting in PHP en MySQL in LAMP omgeving(Linux/Apache/MySQL/PHP). Oa. websites gebouwd met cms oplossingen: Open Source Content Management System CMS Made Simple

Projecten / opdrachtgevers

Front-end developer voor de Rijksoverheid

sept 2020 - heden: Senior Front-end developer voor het Ministerie van Justitie en Veiligheid, opzet en ontwikkeling van data-driven apps op basis van single file components, middels actuele front-end technieken: Vue / Vuex / Vue Router / Storybook en inzet van REST APIs. Vue cli 4, HTML5, TypeScript, Css/scss, git, npm, json-server, VS code

Als Front-end developer hou ik mij tevens bezig met de fase parallel aan de implementatie, namelijk door prototyping (in deze reverse engineering) op basis van input van gebruikers van de huidige workflow met als doel: de gebruiker wordt bij aanvang betrokken in het proces.

html5
css / scss
Vue.JS / Vuex / Vue Router / TypeScript
Platform ci/cd: nodeJS / Bitbucket / Bamboo
Versiebeheer: git

Front-end developer / owner

2005 - heden: Senior Front-end developer, ontwikkelen van data-driven web applicaties op basis van diverse front-end technieken

Front-end developer vanuit een mobile first experience.

Vue project in automotive sector via buro

jan 2020 - heden: Senior Front-end developer (voor een B2C product voor de automotive sector), waarbij op basis van een ui/ux ontwerp, de customer journey is vertaald naar een volledig functionele single page app op basis van single file components, middels diverse actuele front-end technieken, oa. Vue / Vue Router / Vuex en inzet van REST APIs. Vue cli 4, HTML5, JavaScript ES6+, localStorage, json-server, Css/scss, git, npm, webstorm, Apache, Linux, jest

Front-end developer vanuit een mobile first experience.

html5
css / scss
Vue.JS / Vuex / Vue Router
Platform frontend: nodeJS, webstorm
Versiebeheer: git

Waternet via DEPT

okt 2018 - 1 mei 2019: werkzaam als senior front-end developer in een scrum team voor de online domeinen van Waternet. Met name Vue middels het bouwen van (herbruikbare) componenten (single file components) en een single page app. Versiebeheer via git en bitbucket

Senior front-end developer vanuit een mobile first experience. Uitgebreide werkzaamheden staan vermeld op mijn cv. Vue, html5, css(scss)

html5
css / scss
Vue.JS / Javascript
Platform frontend: nodeJS, webstorm
Versiebeheer: git

MoneYou

jan 2017 - sept 2018(20 mnd): werkzaam als senior frontend developer voor het nieuw gecreëerde MoneYou ConsumerCredit(Lenen) team in opdracht van Boondoggle.eu. De uitdaging zat hem met name in het complexe achterland vertalen naar het toegankelijk en overzichtlijk maken van de user experience aan de front-end zijde.

Opzetten van een professionele front-end workflow en nieuwe frontend structuur (mobile first) aan de hand van UX/design
Uitwerken van de nieuwe customer journey voor de volledig digitale aanvraag van financiele producten.
Aanvraag via een stappenplan
Upload portal
HTML partials en CSS
Opzetten styleguide / de front-end 'waarheid'
JavaScript inzet op basis van ES6 Modules en knockoutJS (upload portal)
Validatie
Gebruik van itcss (css architectuur) met SASS als pre-processor

html5
css / scss / itcss
Platform frontend: npm, webstorm, module bundler
Versiebeheer: git

Essent

jan 2016 - 31 december 2016: werkzaam als frontend developer voor het klantdomein van Essent.nl en EnergieDirect.nl

Uitgebreide werkzaamheden staan vermeld op mijn cv

html
css / less
javascript
Platform frontend: nodeJS, webstorm
Versiebeheer: git

Info.NL

November 2015: werkzaam als frontend developer voor de nieuwe website van Greenwheels

Opdracht: een interactieve oplossing bouwen aan de hand van een visual design voor de rekenmodule voor abonnementen op het publieke domein van GreenWheels.com. Deze sliders zijn een combinatie van html5, css en es5 javascript en werkt crossbrowser op desktop, tablets en mobiele devices

html
css / less
javascript
Platform frontend: nodeJS, git, webstorm

Leaseplan Nederland

Startdatum 1 april 2015: werkzaam als frontend developer in een scrumteam in opdracht van Ebrella. Opleveren van frontend functionaliteit. (Frontend) omgeving: angularJS, bootstrap, html, css, less, json, jquery, grunt, svn, webstorm, nodejs.

Mijn werkzaamheden bestonden uit het toevoegen van functionaliteit aan 'mijn leaseplan' en omzetten van bestaande windows applicatie naar een webapplicatie voor het klantdomein, daarbij gebruikmakend van services en angularJS

html
css / less
json
angularjs / jquery
Platform frontend: nodeJS, grunt, svn, webstorm

Kamer van Koophandel

Werkzaam als frontend developer in een scrumteam voor de Kamer van Koophandel in opdracht van TamTam(Dept) Opleveren van frontend functionaliteit in samenwerking met UX. (Frontend) omgeving: google maps api, bootstrap, nodejs, html, css, sass, json, jquery, grunt, svn, webstorm

Mijn werkzaamheden bestonden oa. uit het neerzetten van de frontend implementatie van handelsregister data en gemeentelijke data(json) te plotten op google maps aan de hand van een geolocatie of postcode. Daarbij werd gebruik gemaakt van de google maps api.

html
css / sass
json
javascript / jquery
Platform frontend: NodeJS, Git, Webstorm, bootstrap, sass

Achmea / zilverenkruis

Werkzaam als frontend developer in 2 scrumteams voor met name zilverenkruis.nl. Onderdelen: consumenten en zakelijk. Opleveren van frontend functionaliteit in samenwerking met UX. (Frontend) omgeving: Sharepoint(CMS), bootstrap 2.3.1, nodejs, html, css, less, json, jquery, grunt, git, externe formulier applicatie(formdesk)

html
css / less
json
javascript / jquery
Platform frontend: NodeJS, Git, Webstorm, bootstrap(2.3.1)

ING

Deel uitmakend van een scrumteam in de functie van frontend developer voor het onderdeel savings/ideal voor mijn.ing.nl.(ING internetbankieren)

html
css
json
javascript(angularJS)
Platform frontend: NodeJS, Git, Webstorm, Karma(tdd), bootstrap

ABNAMRO

Deel uitmakend van een scrumteam in de functie van frontend developer voor verschillende projecten voor abnamro.nl

xhtml
css
json
javascript

Rabobank

Deel uitmakend van Rabobank PIF FE voor zowel verschillende projecten als generieke onderdelen voor Rabobank.nl.

xhtml
css
javascript

UWV

Opdracht: 2007 - 2010, verantwoordelijk voor de front-end(ontwikkeling/advies/kwaliteitsbewaking aan de clientside) in opdracht van UWV voor de professionalisering/digitalisering van uwv.nl en andere applicaties / portalen binnen uwv(oa. werkbriefje, werkgeversportaal, werknemersportaal, zakelijk portaal, landing Wia, Verzuimmelder, Betaalspecificatie, SIR, FIV, UGD(UWV Gegevensdiensten), CBA, PUO, Digitaal Verzekerings Bericht(DVB), webformulieren, marktplaats). De websites moeten voldoen aan de webrichtlijnen voor de overheid. Structuur, layout en gedrag zijn volledig van elkaar gescheiden.

xhtml
css
javascript/jQuery

Liander (Continuon)

Opdracht: verantwoordelijk voor de ontwikkeling van de front-end in opdracht van NUON/Liander(Continuon). Voor de zakelijke grootverbruiker werd een web applicatie ontwikkeld. De website moest voldoen aan de webrichtlijnen voor de overheid. Structuur, layout en gedrag zijn volledig van elkaar gescheiden.

xhtml
css
javascript

Dokterswacht Friesland in opdracht voor TamTam

Front-end development voor TamTam.nl. Voor de Dokterswacht Friesland wordt de Microsoft Sharepoint 2007 omgeving gekoppeld aan de huisstijl. Templates moeten voldoen aan de webstandaarden.

xhtml
css
javascript
Microsoft Sharepoint 2007

Endemol in opdracht voor Studio Joyo

Opdracht: Front-end development voor Endemol. Studio Joyo heeft in opdracht voor Endemol een webapplicatie ontwikkeld.

xhtml
css
javascript

Immigratie- en Naturalisatiedienst

Opdracht: formulieren ontwikkeld voor Eden Design (nu EdenSpiekermann), volgens de xhtml webstandaarden van het W3C.

xhtml
css
javascript

Mike van den Toorn Photograpy

Opdracht: In opdracht van Buro.cc werd de website Mikevandentoorn.com herontwikkeld. Templates voldoen aan de xhtml strict webstandaard van het W3C. Het Content Management Systeem werd op maat ontwikkeld waarbij de foto's en categories volledig kunnen worden onderhouden door gebruik van PHP/MySQL. Editor cms:Xstandard

xhtml
css
PHP
MySQL

Media Republic

Opdracht: In opdracht van Media Republic werden templates ontwikkeld welke voldoen aan de xhtml strict webstandaard van het W3C.

xhtml
css

Stichting Food Valley

Opdracht: In opdracht van Eden Design (nu EdenSpiekermann) werden xhtml templates ontwikkeld volgens de webstandaard van het W3C

xhtml
css
javascript

Provincie Zuid Holland

Opdracht: In opdracht van Mirabeau werd de front-end ontwikkeld volgens de xhtml webstandaard van het W3C. Toegangelijkheids-richtlijn: prioriteit 1 van drempelsweg.

xhtml
css
javascript

Wiegerinck Architecten

Opdracht: In opdracht van Viadesk.com en ontwerp buro VanOsVanEgmond werd de front-end ontwikkeld voor de website door gebruik te maken van actionscript. VanOsVanegmond leverde de demo in flash aan die 1 op 1 werd geconverteerd naar actioncript. Alle content werd onderhouden via een CMS.

html
actionscript

LBi Lostboys

Opdracht: In opdracht voor Lostboys werden voor verschillende klanten templates ontwikkeld volgens de xhtml webstandaard van het W3C

xhtml
css
javascript

Ministerie van Justitie

Opdracht: nieuwsbrief module ontworpen die moest voldoen aan de xhtml webstandaard van het W3C

xhtml
css
Photoshop

Frebo Metaal toeleverancier

Opdracht: voor buro.cc(full service ontwerp/communicatie buro) werd een dynamische concept website ontwikkeld waar specifieke produktinformatie kan worden opgevraagd via een automatisch genereerd pdf bestand welke door bezoekers kan worden worden gemaild.

html
css
PHP
mySQL

New Events

Opdracht: in samenwerking met ontwerpburo buro.cc werd een dynamische website ontwikkeld waar bezoekers events kunnen verzamelen en vervolgens online een offerte kunnen laten uitbrengen.

xhtml
css
PHP
mySQL

Funda Directory desk

Opdracht: In opdracht van Mirabeau werden templates ontwikkeld ten behoeve van de backoffice van Funda

xhtml
css
javascript

Foot Locker Europe

Opdracht: verschillende website projecten: adicolor campaign II, Nike Air History, Exclusives, Store Locator en de HR applicatie(vacature site).

xhtml
css
javascript
actionscript

LeChampagne.nl

Import van nieuwe champagnemerken. Huisstijl ontwerp:buro.cc. Fotografie: Mike van den Toorn Photography

xhtml
css
javascript
PHP
mySQL

Equens

Opdracht: in opdracht voor Eden Design (nu Edenspiekermann) werden templates opgeleverd volgens de xhtml w3c standaard

xhtml
css
javascript

Lifecyclesuite

Opdracht: verantwoordelijk voor de ontwikkeling van de front-end in de vorm van een RIA(Rich Internet Application) in opdracht van Lifecyclesuite B.V. Doorlooptijd: 9 maanden +

xhtml
css
jQuery

Contact

Pepijn Friederichs
Amsterdam
06 24 81 45 71
Voor meer informatie » mailto » email
Kvk: 34216191 Position Flex

linkedIn profiel Pepijn Friederichs