Nienke Wuring Nienke Wuring
Met Seo Hoger In Google
Front End Developer
Fotografie

Wat is een front-end developer?

Een front-end developer ontwikkeld wat een user aan de voorkant van een website ziet en mee kan werken. Het wordt ook wel user interface (UI) of gebruikersinterface genoemd. De basis die een front-end developer gebruikt is Html, CSS, Javascript en of andere talen. Een front-end developer zorgt dat de website in diverse browsers goed functioneert en er verzorgd uit ziet. Html is de inhoud van de pagina. CSS is alles wat met de opmaak en positionering te maken heeft en Javascript geeft de functionaliteit aan de website. De achterkant van de website, het CMS, wordt ontwikkeld de back-end developer en is de basis waarop een website draait. Met het Content Management Systeem kan de inhoud van een webpagina of webwinkel worden bijgehouden om het eenvoudig te kunnen publiceren. Denk hierbij aan Joomla of Wordpress.

Software

Er zijn diverse gratis te downloaden editors om als front-end developer mee te kunnen programmeren. Gratis code editors zijn bijvoorbeeld Brackets, Sublime Text en mijn favoriet Visual studio code2. Dit is een gratis te downloaden slimme editor. Het voordeel van dit pakket is dat het de code aanvult en suggesties geeft. Om jou werk te kunnen debuggen en testen is de inspector binnen de chrome browser een goede optie. Deze kun je op de Mac openen met Command+Option+C of met Windows en Linux met Control+Shift+C. Om de bestanden naar de ftp, jouw webruimte te uploaden, is filezilla een gratis oplossing. Beide software pakketten zijn voor Mac en Windows beschikbaar. Om al het beeldmateriaal goed te bewerken is Adobe Photoshop de juiste tool.

Responsive design

Tegenwoordig internetten er steeds meer mensen op een GSM. Het verschil tussen internetten op een desktop en GSM is tegenwoordig nihil. Om deze reden is het verstandig om jou website vooral snel en responsive te maken. Een front-end developer past het design aan in allerlei verschillende schermformaten. Denk aan een mobiel, tablet, monitor. Breakpoints ook wel @media query's zijn hiervoor de oplossing. Deze maak je aan in de CSS (cascading style sheets). Op het moment dat een schermformaat voldoet aan een voorwaarde wordt het juiste stukje CSS geladen. Op deze manier ontstaat een responsive design. Met een @media query in de CSS kan ook worden bepaald hoe een adruk er op papier uit ziet. Qua kleurstelling of wat wel of niet zichtbaar is bij een afdruk. Stel, een artikel heeft witte letters en een donkere achtergrond. Dan is dit niet print vriendelijk om dit zo uit te printen. Als front-end developer is dit zeker een punt van aandacht en een kleine moeite om mee te nemen tijdens de opdracht.

Website performance

Op websites word er steeds vaker gebruik gemaakt van full-screen video's of animaties tijdens het scrollen. Dit kan de gebruiksvriendelijkheid en site performance zeker op een mobiele weergave negatief beïnvloeden. Zoekmachines gebruiken dit ook als graadmeter voor de ranking. Een snelle goed presterende website komt vaak hoger in de resultaten. Een uitdaging om met nieuwe technieken en nieuwe trends een mooi balans te vinden. Als front-end ontwikkelaar zet je wel degelijk een stuk basis voor de SEO optimalisatie neer.
Tips: Upload niet grotere afbeeldingen als dat er nodig is. Pas voldoende compressie op de afbeeldingen toe. Maak zo min mogelijk gebruik van externe factoren van website's van derden. En maak gebruik van promises. Dit zorgt ervoor dat de code niet stil blijft staan wachtend op een antwoord. Hiermee kun je asynchroon werken.

seo-optimalisatie

Seo Optimalisatie

Een prachtige website maar niet vindbaar in google. Met Seo optimalisatie kun je veel hoger in de zoekmachine komen.

seo-optimalisatie

Werkervaring

Op deze pagina staat mijn CV en werkervaring. Momenteel ben ik op zoek naar een nieuwe uitdaging ! kijk snel verder

seo-optimalisatie

Contact

Vragen? Schroom je niet en neem contact met mij op. Natuurlijk kun je mij ook volgen op social media. Deze links staan onderaan deze pagina.