SlideShare una empresa de Scribd logo
1 de 25
Descargar para leer sin conexión
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
Coffeescript
square = (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;
})();
Ontwikkelen in de browser

Más contenido relacionado

Similar a Ontwikkelen in de browser

HTML 5, ASP.NET MVC & Windows Azure sessie voor Ivo Brugge
HTML 5, ASP.NET MVC & Windows Azure sessie voor Ivo BruggeHTML 5, ASP.NET MVC & Windows Azure sessie voor Ivo Brugge
HTML 5, ASP.NET MVC & Windows Azure sessie voor Ivo BruggePureplexity
 
Tussentijdse presentatie maart 2013
Tussentijdse presentatie maart 2013Tussentijdse presentatie maart 2013
Tussentijdse presentatie maart 2013Tim Ameye
 
Eenvoudig ontwikkelen van web applicaties met Javascript Frameworks
Eenvoudig ontwikkelen van web applicaties met Javascript FrameworksEenvoudig ontwikkelen van web applicaties met Javascript Frameworks
Eenvoudig ontwikkelen van web applicaties met Javascript FrameworksRasin Bekkevold
 
XPages Introductie
XPages IntroductieXPages Introductie
XPages IntroductieRob Bontekoe
 
Lucius Drupal Development Cursus
Lucius Drupal Development CursusLucius Drupal Development Cursus
Lucius Drupal Development CursusLuciuswebsystems
 
Introductie Drupal development
Introductie Drupal developmentIntroductie Drupal development
Introductie Drupal developmentBart Hanssens
 
General Drupal presentation in Dutch
General Drupal  presentation in DutchGeneral Drupal  presentation in Dutch
General Drupal presentation in DutchRoel Meester
 
Html5 jeugdwerknet
Html5 jeugdwerknetHtml5 jeugdwerknet
Html5 jeugdwerknetHans Rossel
 
EPiServer - Create dojo property
EPiServer - Create dojo propertyEPiServer - Create dojo property
EPiServer - Create dojo propertyPatrick van Kleef
 
Complexe pagina's gebruiksvriendelijk (Joomla Page Builders)
Complexe pagina's gebruiksvriendelijk (Joomla Page Builders)Complexe pagina's gebruiksvriendelijk (Joomla Page Builders)
Complexe pagina's gebruiksvriendelijk (Joomla Page Builders)Sander Potjer
 
Drupal Uitgebreide Starters Training
Drupal Uitgebreide Starters TrainingDrupal Uitgebreide Starters Training
Drupal Uitgebreide Starters TrainingLuciuswebsystems
 
Drupal + Open Atrium bij de Vlaamse Erfgoedbibliotheek
Drupal + Open Atrium bij de Vlaamse ErfgoedbibliotheekDrupal + Open Atrium bij de Vlaamse Erfgoedbibliotheek
Drupal + Open Atrium bij de Vlaamse ErfgoedbibliotheekDavid Coppoolse
 
Tussentijdse presentatie 22/11/2012
Tussentijdse presentatie 22/11/2012Tussentijdse presentatie 22/11/2012
Tussentijdse presentatie 22/11/2012Tim Ameye
 

Similar a Ontwikkelen in de browser (20)

Modern web development
Modern web developmentModern web development
Modern web development
 
HTML 5, ASP.NET MVC & Windows Azure sessie voor Ivo Brugge
HTML 5, ASP.NET MVC & Windows Azure sessie voor Ivo BruggeHTML 5, ASP.NET MVC & Windows Azure sessie voor Ivo Brugge
HTML 5, ASP.NET MVC & Windows Azure sessie voor Ivo Brugge
 
HTML5 (Dutch)
HTML5 (Dutch)HTML5 (Dutch)
HTML5 (Dutch)
 
Tussentijdse presentatie maart 2013
Tussentijdse presentatie maart 2013Tussentijdse presentatie maart 2013
Tussentijdse presentatie maart 2013
 
WSO2 Mashup Server
WSO2 Mashup ServerWSO2 Mashup Server
WSO2 Mashup Server
 
Eenvoudig ontwikkelen van web applicaties met Javascript Frameworks
Eenvoudig ontwikkelen van web applicaties met Javascript FrameworksEenvoudig ontwikkelen van web applicaties met Javascript Frameworks
Eenvoudig ontwikkelen van web applicaties met Javascript Frameworks
 
XPages Introductie
XPages IntroductieXPages Introductie
XPages Introductie
 
Lucius Drupal Development Cursus
Lucius Drupal Development CursusLucius Drupal Development Cursus
Lucius Drupal Development Cursus
 
Introductie Drupal development
Introductie Drupal developmentIntroductie Drupal development
Introductie Drupal development
 
HTML 5 in een vogelvlucht (Dutch)
HTML 5 in een vogelvlucht (Dutch)HTML 5 in een vogelvlucht (Dutch)
HTML 5 in een vogelvlucht (Dutch)
 
General Drupal presentation in Dutch
General Drupal  presentation in DutchGeneral Drupal  presentation in Dutch
General Drupal presentation in Dutch
 
Web2.0 Web3.0
Web2.0 Web3.0Web2.0 Web3.0
Web2.0 Web3.0
 
Html5 jeugdwerknet
Html5 jeugdwerknetHtml5 jeugdwerknet
Html5 jeugdwerknet
 
EPiServer - Create dojo property
EPiServer - Create dojo propertyEPiServer - Create dojo property
EPiServer - Create dojo property
 
Complexe pagina's gebruiksvriendelijk (Joomla Page Builders)
Complexe pagina's gebruiksvriendelijk (Joomla Page Builders)Complexe pagina's gebruiksvriendelijk (Joomla Page Builders)
Complexe pagina's gebruiksvriendelijk (Joomla Page Builders)
 
FAS 20 mei: Gauke Pieter Sietzema over MODX
FAS 20 mei: Gauke Pieter Sietzema over MODXFAS 20 mei: Gauke Pieter Sietzema over MODX
FAS 20 mei: Gauke Pieter Sietzema over MODX
 
Drupal Uitgebreide Starters Training
Drupal Uitgebreide Starters TrainingDrupal Uitgebreide Starters Training
Drupal Uitgebreide Starters Training
 
Drupal + Open Atrium bij de Vlaamse Erfgoedbibliotheek
Drupal + Open Atrium bij de Vlaamse ErfgoedbibliotheekDrupal + Open Atrium bij de Vlaamse Erfgoedbibliotheek
Drupal + Open Atrium bij de Vlaamse Erfgoedbibliotheek
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Tussentijdse presentatie 22/11/2012
Tussentijdse presentatie 22/11/2012Tussentijdse presentatie 22/11/2012
Tussentijdse presentatie 22/11/2012
 

Ontwikkelen in de browser

  • 1. De web-browser als ontwikkelplatform Ervaringen en huidige stand van zaken
  • 2. 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
  • 3.
  • 4. 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)
  • 5.
  • 6. Grote in-browser applicaties met jQuery? Krachtig gereedschap + enthousiasme = Chaos!
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 21.
  • 22.
  • 24. Coffeescript square = (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; })();