10 Bronnen voor de professionele front-end developer | Intracto

22 januari 2013

10 Bronnen voor de professionele front-end developer

De functie ‘front-end web developer’ doet bij de meeste mensen amper een belletje rinkelen. Althans toch bij niet-IT’ers. Wanneer iemand vraagt naar wat voor werk ik doe, gaat er wel eens een wenkbrauw naar boven. Met behulp van een handige lijst van bronnen voor zowel beginners als professionals probeer ik dat misverstand de wereld uit te helpen.

blog-10_bronnen_voor_de_professionele_front_end_developer-image1

Tussenpersoon voor designer en programmeur

Een front-end web developer is in feite een tussenpersoon voor webdesigner en programmeur. Niet alle webdesigners hebben een (uitgebreide) technische achtergrond en vaak kennen programmeurs niet veel van design. Zolang het ding werkt, is het goed. Om het simpel te maken, zal ik het webproces vergelijken met het bouwen van een huis:

Een architect tekent een bouwplan (= webdesigner). Waarna een aannemer het plan analyseert om het in blokken op te delen en op te bouwen (= front-end developer).Ten slotte komt het huis nog tot ‘leven’ dankzij een electricien, die de functionaliteiten aan het huis toevoegt (= programmeur).

Een front-end web developer zorgt er dus voor dat het design in bruikbare stukjes wordt geknipt en puzzelt die stukjes vervolgens terug samen tot het weer lijkt op het origineel design. De ‘aaneengepuzzelde’ stukjes (= HTML code) worden dan aangeleverd aan de programmeur, die de website zal laten werken.

Niet alleen mooi, maar ook bruikbaar

Een website moet tegenwoordig niet alleen mooi zijn en werken, maar ook aan vele andere eisen voldoen. Er zijn tal van elementen waarmee mijn collega’s en ik, als front-end developers, rekening moeten houden:

    • Gebruiksvriendelijkheid: niet alleen op een gewoon computerscherm, maar ook op mobiele toestellen
    • Responsive website: de website laten schalen, afhankelijk van de resolutie
    • Browsercompatibiliteit: de website moet er in alle browsers en versies goed uitzien
    • Snelle laadtijd voor tragere internetverbindingen
    • Toegankelijkheid voor personen met een beperking
    • ...

Leg een uitgebreide bronnenlijst aan

Om dit alles te bereiken, is het zéér belangrijk om altijd up-to-date te blijven met de laatste trends en technologieën. Dat is niet altijd even makkelijk, omdat de sector razendsnel evolueert. Zelf heb ik daarom een boel bronnen verzameld om geen enkel nieuwtje te missen.

blog-10_bronnen_voor_de_professionele_front_end_developer-image2

A List Apart - http://www.alistapart.com 

A List Apart is een zeer interessante en belangrijke blogsite voor: ‘'PEOPLE WHO MAKE WEBSITES’ A List Apart Magazine explores the design, development, and meaning of web content, with a special focus on web standards and best practices.'

Smashing Magazine - http://www.smashingmagazine.com 

Smashing Magazine is een interessante blog voor mensen met een passie voor web. De onderwerpen variëren er van front-end development tot design en strategie. Hierdoor krijg je een mooi overzicht van het gehele webdesignproces.

Treehouse - http://teamtreehouse.com 

Online tutorials op het internet schieten als paddenstoelen uit de grond, maar Treehouse vind ik toch wel een echte aanrader. Voor zowel beginners als experts die nieuwe zaken willen bijleren. Op een erg leuke manier komen er allerlei video tutorials over webdesign, front-end development, iOS development, ... aan bod. Naar mijn mening de maandelijkse kost meer dan waard!

CSS-Tricks - http://css-tricks.com 

CSS-Tricks is een must voor de échte front-end developer. Hierop vind je niet alleen specifieke blogartikels voor front-end, maar ook handige snippets code, zoals HTML, CSS, javaScript, ...

Front-end Code Standards & Best Practices - http://isobar-idev.github.com/code-standards 

Nog een must-read voor front-end developers. De belangrijkste elementen van front-end worden hier opgesomd met best practices en nuttige verwijzingen, zodat je kwaliteitsvolle projecten kan leveren.

Tijdschrift 'Webdesigner' - http://www.webdesignermagazine.nl 

Zelf heb ik me geabonneerd op het tijdschrift Webdesigner. Het is een (bijna) maandelijks tijdschrift voor webdesigners en – developers. Er staan naast interessante artikels over de laatste trends, ook interviews met webbureaus, showcases van interessante websites en tutorials van professionals in. Kortom, een leuke tijdschrift om up-to-date te blijven.

CSSDeck - http://cssdeck.com & CodePen - http://codepen.io 

Op beide websites vind je zeer coole demo’s terug die de mogelijkheden tonen van HTML, CSS en jQuery. Het leuke hieraan is dat de code er bij staat. Bijvoorbeeld, hoe bouw je het Windows 7 start menu op met enkel CSS3? Dus zonder afbeeldingen en javaScript. http://cssdeck.com/labs/pure-css3-windows-7-start-menu

Fronteers - http://fronteers.nl 

Fronteers is een ‘vakvereniging voor front-end developers’, waar Intracto alvast lid van is. Ze zijn vooral actief in Nederland, maar organiseren soms ook bijeenkomsten en workshops in België. Het doel van Fronteers is ‘de professionalisering van het beroep front-end web development’.

2 Onmisbare links omtrent gebruik HTML5 & CSS3

5 Interessante tools

Doe de test

Benieuwd hoe goed jouw browser scoort in de laatste technologieën (HTML5, CSS3)? Die van mij scoort alvast 448 op 500. http://html5test.com

blog-10_bronnen_voor_de_professionele_front_end_developer-image3