CoffeeScript, een mooie manier om JavaScript te schrijven

14 March 2012 23:00 Kevin Tuhumury Algemeen, CoffeeScript, Javascript, Ruby

JavaScript is niet meer weg te denken uit de browser. Wanneer men het over frontend werk heeft, komt deze scripting taal al snel ter sprake. Dat is niet zonder reden. De laatste jaren is JavaScript steeds populairder geworden door het gebruik ervan in Rich Internet Applications, door de komst van Ajax en door frameworks zoals jQuery. De prototype-gebaseerde taal is mede door frameworks als jQuery eenvoudiger en aantrekkelijker geworden voor het grote publiek. In de vorm van Node.js is er zelfs een sprong gemaakt van client-side naar server-side.

Het is een belangrijk onderdeel van frontend development en is vrijwel onmisbaar geworden. Voornamelijk vanwege een zekere je ne sais quoi die het aan de eindgebruiker meegeeft. Vaak in de vorm van een animatie of extra interactiviteit. Hoe dan ook, JavaScript is overal op het web te vinden en zal dat nog voor lange tijd zijn.
Lees verder

Reageer

En toen was er <canvas>

28 June 2010 10:38 Diederick Lawson Algemeen, HTML, Javascript

De laatste tijd lijkt het alleen nog maar te gaan over HTML 5. Apple is op ramkoers en maakt het Adobe de laatste tijd moeilijk. Tegelijkertijd zet Adobe de tegenaanval in door Flash 10.1 op Android toestellen uit te brengen. Microsoft heeft aangekondigd dat het alles zal ondersteunen van HTML 5 en CSS 3. Kortom: roerige tijden voor de web-ontwikkelaar.

Canvas?
Maar wat is er nou eigenlijk zo spannend aan HTML 5 waar Apple zo hoog op inzet? Lees verder

6 reacties

RailsConf 2010: IgniteRailsConf

7 June 2010 14:27 Iain Hecker Algemeen, Educatie, Evenementen, Javascript, Methodieken, Ruby, Scrum, Software beheer, Testen

Op dit moment ben ik in Baltimore, Maryland. Daar is deze week RailsConf 2010, de officiële conferentie over Ruby on Rails. De komende paar dagen zal ik vanaf hier verslag doen van wat er hier zoal gaande is.
Lees verder

Reageer

BDD Javascript Ontwikkelen met Cucumber

4 May 2010 9:04 Iain Hecker Javascript, Ruby, Testen

Het is weer komkommertijd. Ruim een jaar geleden schreef ik een blogpost over de testtool “Cucumber“. Cucumber is een testtool om in BDD-stijl te ontwikkelen. Afgelopen zondag kwam versie 0.7.1 uit, dus is het nu een goed moment om er weer eens naar te kijken. Dit keer nemen we onder de loep hoe je met Cucumber de browser in kan zetten om integratietests te doen. Aan het eind kan je zelfs in een filmpje zien wat het resultaat is.

Lees verder

3 reacties

JavaScript Architectuur

28 September 2009 12:00 Auke van Leeuwen Java, Javascript

Sinds AJAX is ‘uitgevonden’ (als je dat zo mag noemen) is het leven van de webdeveloper enigszins veranderd. Nieuwe verwachtingen op het gebied van front-end development leveren ook een nieuwe set van problemen. Verwachtingen die bijvoorbeeld door applicaties als Google Calender of Google Mail geschapen worden. Zo ook voor het project waar op dit moment de laatste hand aan gelegd wordt: een soort van gebiedsselectie tool voor een distributeur van ongeadresseerd reclamedrukwerk. Deze tool leunt hevig op de Google Maps API om de selecties te maken en te tekenen als lagen over de Google Maps kaart. Zie hiervoor ook eerdere blogposts op deze blog van o.a. Rob van de Meulengraaf. In deze blogpost wil ik me meer focussen op het architecturele design van de voorkant van de website in het algemeen.

Lees verder

2 reacties

getElementsByClassName

11 June 2009 15:15 Lennaert van der Linden Javascript

Vanwege separation of concerns en de mogelijkheid voor graceful degradation1 is het handig om javascriptcode te scheiden van HTML-opmaakcode. Dit houdt in dat het toevoegen van interactie aan het HTML-document wordt gedaan in een apart javascript-bestand. Een handige manier om dit te doen is om gebruik te maken van classes, maar bij grote documenten kan dit leiden tot traag startende webapplicaties en dat heeft vervelende consequenties, zoals te zien in het dialoog van figuur 1. In dit artikel wordt een mogelijke oplossing geboden.

Lees verder

6 reacties

Google Maps voor het weergeven van een fotoalbum

10 March 2008 14:21 Aran Vink Javascript

Het afgelopen half jaar heb ik mij bezig gehouden met GIS en alles daaromheen. Zo heb ik onder andere een applicatie met Google Maps gemaakt. Wat mij opviel was hoe beperkt de API was, maar dat er toch verrassend veel mee gedaan kan worden.

Om dit te laten zien heb ik er voor gekozen om de ballonvaart die laatst binnen Finalist georganiseerd is op een kaart weer te geven. Een aantal foto’s die ik daarbij genomen heb staan aangegeven op de kaart. (Deze blogbijdrage is een vervolg op het artikel Een beetje GIS voor iedereen van Felix Ogg).
Lees verder

2 reacties

Een beetje GIS voor iedereen

10 March 2008 12:56 Felix Ogg Educatie, Java, Javascript, SOA

Sinds Google Maps weet iedereen waar je het over hebt: gegevens op een kaart zetten is waardevoller dan ze weergeven in een tabel. Uitslagen van onze parlements- verkiezingen zouden niet half zo overzichtelijk zijn zonder de kleurkaartjes van ons stemmende Nederland. Interactieve kaarten, gekoppeld aan (web-) applicaties of databases, zijn Geografische Informatie Systemen (GIS). Maar wat (en wie) heb je nodig om een GIS te bouwen? Met deze vraag werden wij (Aran en ik) geconfronteerd toen we ons eerste GIS wilden bouwen. In dit artikel delen we onze inzichten. In het vervolgartikel laten we zien hoe je zelf een eenvoudige GIS maakt met Google Maps.
Lees verder

2 reacties

Onderhoudbaar Javascript

11 February 2008 11:13 Rikkert Koppes Javascript

Javascript schrijven is één ding, onderhoudbaar Javascript schrijven is iets anders. In een tijd waarin allerlei nieuwe technieken en third party scripts worden gebruikt die een behoorlijke dosis Javascript vereisen, is het bijzonder nuttig om je code niet alleen voor jezelf duidelijk op te schrijven, maar ook voor je collega’s onderhoudbaar te houden.

Lees verder

Reageer

Een Commandline Aanpak voor JavaScript Gebaseerde Interfaces

12 November 2007 20:17 Rikkert Koppes Javascript

In deze blogpost bespreek ik een alternatieve aanpak voor het opzetten van JavaScript [1] gebaseerde interfaces. Dit heeft voornamelijk betrekking op webapplicaties en niet zozeer op websites in het algemeen. Juist in het geval van webapplicaties is er een grote mate van interactie met de gebruiker, aangezien in dat geval applicatie en gebruiker samen moeten werken in het uitvoeren van een taak, terwijl het bezoeken van een webpagina grotendeels eenrichtingsverkeer is. Er vindt dus communicatie plaats tussen het client side gedeelte van de applicatie (de interface) en de gebruiker. Uiteraard vindt er ook communicatie plaats tussen de interface en de server waarop de applicatie draait. In het eenvoudigste geval bestaat deze communicatie uit het ophalen van (HTML) pagina’s en het versturen van formulieren.

Lees verder

4 reacties