Fronteers — vakvereniging voor front-end developers

Fronteers is de vakvereniging voor front-end ontwikkelaars. We hebben zo’n 500 leden, vooral in Nederland en België. Regelmatig brengen we mensen bij elkaar met bijeenkomsten. We organiseren ook workshops (voor beginners èn gevorderden) en elk jaar een congres.

De doelstelling van Fronteers is de professionalisering van het beroep front-end web development. Daarbij streven wij naar erkenning, verbetering en ondersteuning van de (positie van) Nederlandstalige front-end webontwikkelaars.

Fronteers.nl is vanaf heden een single page app

Nu grote partijen als KLM, ING en de Gemeente Antwerpen hun nieuwste redesigns hebben gebouwd in moderne JavaScript frameworks als Angular.JS, vinden we dat Fronteers niet achter kan blijven. Daarom lanceren we vandaag de nieuwste versie van fronteers.nl, onder de motorkap aangestuurd door bewezen technologieën als require.js en Ember.

De site is geoptimaliseerd op snelheid, doordat we gebruik maken van lazyload.js voor afbeeldingen, en webfonts inladen met Web Font Loader van Google en Adobe.

Met de nieuwe opzet hebben we eindelijk gezorgd dat er in onze code een strikte scheiding bestaat tussen de data zelf (model), hoe het wordt weergegeven (view) en de techniek waarmee het wordt weergegeven (controller). Dit maakt het één en ander ook gemakkelijker voor de back-end ontwikkelaars van Fronteers.nl, voor wie het toevoegen van nieuwe modules een stuk eenvoudiger is geworden.

Omdat de CSS op onze site door veel verschillende mensen wordt bijgehouden, lang niet allemaal front-end ontwikkelaars, zochten we een manier om onze variabelen te scopen en cascading te voorkomen. CSS zelf biedt alleen globale variabelen, dus hebben we besloten onze CSS voortaan in JavaScript te schrijven. De uiteindelijke style rules injecteren we in een style-attribuut in de DOM.

Screenshots van Angular.js en Bootstrap homepages

We houden ook vast rekening met de toekomst, door bijvoorbeeld gebruik te maken van Bootstrap. Nieuwe ontwikkelaars kunnen zo gemakkelijker bij het team aansluiten, ze hoeven immers alleen Bootstrap te kennen! Ook hebben we jQuery UI toegevoegd, zodat we straks een stuk minder ontwikkeltijd nodig hebben als we bijvoorbeeld een overlay in de site willen implementeren.

Een website is nooit af. Zo hebben we ook bij deze nieuwe site van Fronteers nog wel wat aandachtspunten. Aan toegankelijkheid, bijvoorbeeld, wordt nog gewerkt. We zijn hiervoor bezig met a11y.js, een plug-in die de site automatisch van de nodige WAI-ARIA zal voorzien.

We zijn benieuwd wat jullie van deze nieuwste versie vinden.

Bijeenkomst van ISOC en W3C op 2 april in Amsterdam

Komende donderdag, 2 april, organiseren ISOC.nl en W3C Benelux i.s.m. het CWI en Waag Society twee evenementen, het middagprogramma gaat over WebRTC (Web Real-Time Communications) en het avondprogramma over HTML5/Webapps. De toegang bedraagt 30 euro.

Bijeenkomst op 28 april bij 3SIGN

Op dinsdag 28 april 2015 is Fronteers te gast bij 3SIGN in Eeklo. Er worden twee presentaties voorzien.

Ceci n’est pas une pipe | or on CSS naming

Wilfred Nas hield tijdens de jam session van het Fronteerscongres een praatje over naamgeving van classes. Dit praatje heeft hij omgezet in een artikel voor onze website.