Freelance front-end developer in Amsterdam

Front-end development in 2019 is nog steeds een combinatie van html, css en javascript, met mogelijk een uitbreiding daarop met libraries zoals Vue. Position Flex heeft diepgaande kennis op de drie bovengenoemende gebieden, is up-to-date met moderne layout technieken middels css en javascript frameworks enerzijds en oa. preprocessors, (build) tools, package managers anderzijds.

Front-end developer

Om een snel overzicht te krijgen hoe mijn actuele front-end developer workflow eruit ziet.

Position Flex aka PF webdevelopment werkt sinds 1999 (vanaf 2005 als zelfstandige/ZZP-er) als front-end developer, met een sterke focus op de progressive enhancement methode. Werkzaam op projectbasis voor de overheid, internet agencies, media buro's, detacheringsburo's, banken en bedrijven. Door de decennia heen de front-end ontwikkeling zien evalueren van html 3.2 in 1998 naar de huidige front-end structuren.

Inzetbaar op het gebied van front-end development(websites / webapplicaties):

Deze website is door mij ontwikkeld en wordt onderhouden op een platform dat bestaat uit: MacOS, git, webstorm, nodejs, npm.

De gebruikte methodes/tools/software/talen/versiebeheer voor deze website: html5, css, javascript, progressive enhancement, npm, webstorm, git, sass/scss, postcss, htmlhint, eslint, stylelint

Server: Linux Debian 8 VPS
Webserver: Apache httpd
Front-end build methode: npm scripts

De front-end developer in mij:

  • Blijft up-to-date in de huidige front-end ontwikkeling door cursussen / workshops / lectuur / artikelen
  • Werkt met een pragmatische blik en zoekt naar oplossingen die werken voor de gebruiker, zoveel mogelijk vanuit de progressive enhancement methode
  • Browsers in 2019 bieden steeds meer mogelijkheden op layout gebied zoals css grid layout en flexbox en ik zet deze in
  • Neerzetten en toepassen van een gestructureerde Frontend workflow middels packagemanagers, build tools en preprocessors zoals npm, gulp, webpack, sass en code linting
  • Comfortabel op het gebied van html5(html), CSS en JavaScript: ruime ervaring met javascript omgevingen op basis van es5/es6 javascript/patterns, concrete ervaring(2017/18) in het toepassen van es6 modules in een professionele omgeving, professionele kennis van javascript libraries/frameworks zoals: VueJS(single file components)(2018/19), knockoutJS, jQuery(verleden tijd). Ontwikkeling volgens de webstandaarden van het W3C, waardoor de ontwikkelde websites voldoen aan de toegankelijkheidseisen en de meest populaire browsers ondersteunen.
  • Veel nuttige ervaring opgedaan in samenwerking met grafische/interactie ontwerpers en front/backend developers
  • Ruime ervaring met Agile/scrum werkwijze
  • Hanteert een stricte scheiding tussen opmaak (CSS), structuur (HTML) en gedrag(JavaScript)
  • 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

dept agency

Waternet via DEPT

okt 2018 - 1 mei 2019: werkzaam als 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). Versiebeheer via git en bitbucket

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

MoneYou

jan 2017 - sept 2018(20 mnd): werkzaam als frontend developer voor het nieuw gecreëerde MoneYou ConsumerCredit(Lenen) team in opdracht van Boondoggle.eu

  • Opzetten van een professionele frontend workflow en nieuwe frontend structuur aan de hand van UX/design
  • JavaScript inzet op basis van ES6 Modules met systemjs als module loader
  • Gebruik van itcss (css architectuur)
  • Opleveren nieuwe functionaliteit voor het volledig online afsluiten van financiele producten vanuit een mobile first experience.
  • html5
  • css / scss / itcss
  • es6 modules/knockoutJS
  • Platform frontend: npm, webstorm
  • Versiebeheer: git
essent

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

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 de nieuwe website van GreenWheels.com, welke inmiddels 'live' is gegaan. 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

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 bestaan 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
kvk

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

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

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

ABNAMRO

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

  • xhtml
  • css
  • json
  • javascript
rabobank

Rabobank

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

  • xhtml
  • css
  • javascript
uwv

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
nuon

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
dept/tamtam

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
studio yoyo

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
ind

Immigratie- en Naturalisatiedienst

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

  • xhtml
  • css
  • javascript
mvdt

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

Media Republic

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

  • xhtml
  • css
foodvalley

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

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
viadesk

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
lostboys

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

Ministerie van Justitie

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

  • xhtml
  • css
  • Photoshop
frebo

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
ne

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
mirabeau

Funda Directory desk

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

  • xhtml
  • css
  • javascript
foodlocker

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

LeChampagne.nl

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

  • xhtml
  • css
  • javascript
  • PHP
  • mySQL
equens

Equens

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

  • xhtml
  • css
  • javascript
lifecyclesuite

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 / Introductie

Pepijn Friederichs
Amsterdam
+31 6 24 81 45 71
Voor meer informatie of het opvragen van mijn cv » mailto » email
LinkedIn profile Pepijn Friederichs linkedIn profiel Pepijn Friederichs

Werkend sinds 1999 (vanaf 2005 zelfstandig/self-employed) als front-end developer. Specialisme in front-end web development. Werkzaam op projectbasis voor de overheid, internet agencies, media buro's, detacheringsburo's, banken en bedrijven.

Front-end skills en projectmanagement tools / software waar ik tijdens projecten veel gebruik van maak of gebruik van heb gemaakt:

  • HTML5
  • Css
  • JavaScript(ES5 + ES6), Vue 2, Knockout
  • JSON
  • NPM scripts, gulp, grunt
  • Sass, Less
  • git
  • Webstorm
  • Code linters: eslint, stylelint, htmlhint
  • Projectmanagement: agile/scrum, jira, slack, trello
Naar het volledige overzicht ...

De front-end developer in mij:

  • Blijft up-to-date in de huidige front-end ontwikkeling door cursussen / workshops / lectuur / artikelen
  • Werkt met een pragmatische blik en zoekt naar oplossingen die werken voor de gebruiker, zoveel mogelijk vanuit de progressive enhancement methode
  • Browsers in 2019 bieden steeds meer mogelijkheden op layout gebied zoals css grid layout en flexbox en ik zet deze in
  • Neerzetten en toepassen van een gestructureerde Frontend workflow middels packagemanagers, build tools en preprocessors zoals npm, gulp, webpack, sass en code linting
  • Comfortabel op het gebied van html5(html), CSS en JavaScript: ruime ervaring met javascript omgevingen op basis van es5/es6 javascript/patterns, concrete ervaring(2017/18) in het toepassen van es6 modules in een professionele omgeving, professionele kennis van javascript libraries/frameworks zoals: VueJS(single file components)(2018/19), knockoutJS, jQuery(verleden tijd). Ontwikkeling volgens de webstandaarden van het W3C, waardoor de ontwikkelde websites voldoen aan de toegankelijkheidseisen en de meest populaire browsers ondersteunen.
  • Veel nuttige ervaring opgedaan in samenwerking met grafische/interactie ontwerpers en front/backend developers
  • Ruime ervaring met Agile/scrum werkwijze
  • Hanteert een stricte scheiding tussen opmaak (CSS), structuur (HTML) en gedrag(JavaScript)
  • 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