Het eenvoudigste takenpakket van een frontender is het omzetten van een grafisch design naar HTML en CSS met misschien hier en daar wat JavaScript en dat weer doorgeven aan de backenders.
In de praktijk gaat het takenpakket veel verder dan dat.
Je ontvangt niet alleen een grafisch design, maar je bent ook betrokken bij de totstandkoming ervan. En niet alleen bij de vormgeving, maar ook bij het interaction design.
De HTML, CSS en mogelijk JavaScript die je vervolgens schrijft, houdt rekening met semantiek, SEO, usability (voor gehandicapten en iedereen), verschillende schermen, verschillende soorten invoer (muis, touch), verschillende browsers, veiligheid en performance.
De HTML is vaak verweven met een templatetaal, zodat het gelijk aansluit met de backend.
De code is goed onderhoudbaar, getest en opgeslagen in een versiebeheersysteem zoals Git.
Je zorgt voor bouwscriptjes als dat nodig is, bijvoorbeeld om SASS of Less om te zetten naar CSS en om CSS en JavaScript te minifyen als ze groot worden. Maar wel zo dat je tijdens het ontwikkelen de broncode blijft zien.
Vervolgens zorg je dat je bij blijft. HTML5 en CSS3 is basiskennis. Het leuke van frontend is dat je je in meerdere richtingen kunt ontwikkelen: grafisch design, interactie, usability, SEO, typografie, kleurenleer, SASS/Less, JavaScript frameworks, backendtalen, templatetalen, IDE's, domeinnamen, hosting, HTTP, webservers, Linux, bash, veiligheid (XSS en CSRF), SQL, SVG, WebGL, video, fotografie, leesbare teksten, internationalisatie, SCRUM enzovoorts enzovoorts.
Er zijn Fronteersleden die WordPress-sites voor klanten maken. Die zullen ongetwijfeld kennis hebben van PHP. Ik denk dat veel frontenders kennis hebben van backendtalen maar ik denk ook dat ze in hun werk vaak beperkt blijven tot HTML, CSS en JavaScript.
En welk takenpakket ikzelf heb? Ik ben net als Sander freelancer, dus dat wisselt nogal.
Op dit moment ben ik bezig met het ontwikkelen van een nieuwe interface voor TV-settopboxen. Met webtechnologieën dus. Dat is voornamelijk JavaScript in combinatie met React en CSS.
Daarvoor maakte ik complexe formulieren voor een verzekeraar. Daar kwam ook een groot deel PHP bij kijken.
En daarvoor had ik een project waarbij ik veel SASS heb gebruikt om een website responsive te maken.
Per opdracht/werkgever kan het takenpakket er dus heel anders uitzien.