Ontwikkelen in de browser

Post on 18-Dec-2014

217 views 1 download

description

Using backbone to develop single page in-browser web applications

Transcript of Ontwikkelen in de browser

De web-browser als ontwikkelplatform

Ervaringen en huidige stand van zaken

Historisch perspectief

JavaScript, van browserlijm tot ontwikkelplatform

2000: Mozilla stimuleert gebruik van webstandaarden

2004: 'Ajax' (voorheen 'remoting') als normale oplossing

2006: jQuery vereenvoudigd ontwikkelen met JavaScript

2008: Tweede browser oorlog n.a.v. Google Chrome

2012: Met Type inference hoopt Firefox het performance gat met Java te sluiten

Wat krijg je met jQuery?

DOM selector engine DOM manipulatie Event binding, custom events (event bus) Compacte notatie Cross-browser

Veel documentatie en een actieve community (plugins)

Grote in-browser applicaties met jQuery?

Krachtig gereedschap + enthousiasme = Chaos!

Een voorbeeld met ...

Testen?

Ontwikkelingen

Coffeescriptsquare = (x) -> x * x square = function(x) { return x * x; }; list = [1, 2, 3, 4, 5] cubes = (math.cube num for num in list) cubes = (function() { var _i, _len, _results; _results = []; for (_i = 0, _len = list.length; _i < _len; _i++) { num = list[_i]; _results.push(math.cube(num)); } return _results; })();