10 Jahre Webentwicklung - am Beispiel des Frameworks qooxdoo

10 Years of Web Development & qooxdoo

20. January 2015 | Martin Wittemann / Andreas Ecker

• FH Karlsruhe• 1&1 Internet AG• Head of Frameworks & Tooling• Tech Lead of qooxdoo • Web developer since 2007

Martin & Andreas

• University of Karlsruhe• 1&1 Internet AG• Head of Web Technologies• Project Lead of qooxdoo• Web since 1994

Web & qooxdoo

JavaScript @ 1&1

end of 2004

first interactive, “new-style” web application: 1&1 Webspace Explorer

need for an enterprise JavaScript framework“qooxdoo”

qooxdoo Project

2005-01-27

DHTML Universe

An incomplete mapping of the DHTML Universe

Please send new information and corrections to:

[email protected]

"Dark Matter"

perhaps 3-4x the size of

the visible universe?

Dylan Schiemann

Informatica Corp.

DojonetWindows Isomorphic Inc.

licenses

Alex Russell

JotSpot re_pubsub

sponsors

HTMLArea

sponsors

Joyce Park

mod_pubsub

Mark Anderson

Burstlib

Aaron Boodman

Google

GMailGoogle Maps

Dan Pupius

Dot Net

Solutions

13th Parallel Library

(unreleased)

Tom Trenka

f(m)

Thomas Brattli

ScriptomaniaDHTMLCentral.com

Tim Scarfe

Erik Aarvidson

WebFX.eae.net BindowsWebOS.com

Emil Eklund Mike Hall

Brain Jar

Dan Steinman

DynAPI

Robert Rainwater

jsDOM

Darin Kadrioski

DomAPI

Scott Porter

GameLib

Charles KendrickAlex ShvedoffChris Wetherell

?

Iain Lamb

Oddpost

Yahoo!

Y! bought Oddpost

Ethan Diamond

Scottandrew LePera

?

Mihai Bazon

David Schontzler Michal van Ouwerkerk

David Joham

XML for Script

Micheal Houghton Scott Severtson Jon van Noort

William J. Edney

TIBET

Scott Shattuck

Kevin Lindsey

kevlindev.com

Gerbert Kaandorp

Backbase

Joe Hewitt

SWAT

Sebastian Werner

qooxdoo

Andreas Ecker Claus AugustiHalfBrain

AlphaBlox

AlphaBlox acquires HalfBrain

IBM

IBM bought AlphaBlox

General Interface

TIBCO

bought

Paul Sowden Steve Champeon ActiveWidgets

2005-02-12

DHTML Universe

An incomplete mapping of the DHTML Universe

Please send new information and corrections to:

[email protected]

"Dark Matter"

perhaps 3-4x the size of

the visible universe?

Dylan Schiemann

Informatica Corp.

DojonetWindows Isomorphic Inc.

licenses

Alex Russell

JotSpot re_pubsub

sponsors

HTMLArea

sponsors

Joyce Park

mod_pubsub

Mark Anderson

Burstlib

Aaron Boodman

Google

GMailGoogle Maps

Dan Pupius

Dot Net

Solutions

13th Parallel Library

(unreleased)

Tom Trenka

f(m)

Thomas Brattli

ScriptomaniaDHTMLCentral.com

Tim Scarfe

Erik Aarvidson

WebFX.eae.net BindowsWebOS.com

Emil Eklund Mike Hall

Brain Jar

Dan Steinman

DynAPI

Robert Rainwater

jsDOM

Darin Kadrioski

DomAPI

Scott Porter

GameLib

Charles KendrickAlex ShvedoffChris Wetherell

?

Iain Lamb

Oddpost

Yahoo!

Y! bought Oddpost

Ethan Diamond

Scottandrew LePera

?

Mihai Bazon

David Schontzler Michal van Ouwerkerk

David Joham

XML for Script

Micheal Houghton Scott Severtson Jon van Noort

William J. Edney

TIBET

Scott Shattuck

Kevin Lindsey

kevlindev.com

Gerbert Kaandorp

Backbase

Joe Hewitt

SWAT

Sebastian Werner

qooxdoo

Andreas Ecker Claus AugustiHalfBrain

AlphaBlox

AlphaBlox acquires HalfBrain

IBM

IBM bought AlphaBlox

General Interface

TIBCO

bought

Paul Sowden Steve Champeon ActiveWidgets

2005-02-12

“AJAX”

2005-02-18

“Ajax: A New Approach to Web Applications”

(Jesse James Garrett)

Who has 10 years web development experience?

Web Standards

Web StandardsEcmaScript

HTML

CSS

DOM

1998 1999 2000 2001 2002 2003 2004 … 2009 2010 2011 2012 2013 2014 2015

1998 1999 2000 2001 2002 2003 2004 … 2009 2010 2011 2012 2013 2014 2015

3 5 6

4 5

2 3

2 2.1 individual modules320

05 -

200

8

HTML5 adoption

https://html5test.com/

Environment

…1.0

…6.0

2005 2006 2007 2008 2009 2010 2011 2012 2013  2014

2005 2006 2007 2008 2009 2010 2011 2012 2013  2014

Runtimes

2.0

7.0

1.0

3.0

1.0…

2.0

3.5

8.0

3.0

4.0…

9.0

4.0 5.0

~33

~39

10.0

11.0

7.06.0 8.0

JavaScript Performance

0

2000

4000

6000

8000

IE6 IE7 IE8 IE9 IE10 IE11

60 60 140

2.800

6.500

7.800

http://v8.googlecode.com/svn/data/benchmarks/v3/run.html

JavaScript Performance

Tooling

IE 11 Dev Tools

IE 10 Dev Tools

IE 9 Dev Tools

IE 8 Dev Tools

IE 7 „Dev Tools“

IE 6 „Dev Tools“

Tooling … 2009 2010 2011 2012 2013 2014

… 2009 2010 2011 2012 2013 2014

2002

2005 2006 2007 2008 2009 2010 2011 2012 2013  2014

2005 2006 2007 2008 2009 2010 2011 2012 2013  2014

qooxdoo Tooling

make

generator

generator2

Frameworks

2004 2005 2006 2007 2008 2009 2010 2011 2012 2013

2004 2005 2006 2007 2008 2009 2010 2011 2012 2013

JavaScript Frameworks

Gith

ub

Ecm

aScr

ipt

5

AJA

X

• first release 0.1

qooxdoo Milestones200620052004

200620052004

Web 1.0 Web 2.0 / AJAX

• Project infrastructure

• i18n

• Virtual Table

qooxdoo Milestones200920082007

200920082007

RIA

• OO Class system

• Integrated Test-Runner

• Virtual DOM

• Queue based rendering

• Scaffolding

• Layout System

• Modern Theme

• Drag & Drop

• 1.0 Release

• Data Binding

• Global Error Handling

qooxdoo Milestones20112010

20112010

RIA Mobile

• Virtual Widgets

• CSS3 based theming

• qx.Server

• Mobile GUI Toolkit

• Feature detection

• Offline support

• Animations & Transforms

• REST IO layer

• qooxdoo npm module

• Moved code to github

qooxdoo Milestones201420132012

201420132012

Responsive

• qx.Website

• New project look

• Tablet support

• Lightweight DOM

• LESS to SCSS

• Website widgets

• Application scaling

• GruntJS-based tooling

• Pointer events

qooxdoo 4.1

=

61. stable release

It has been 10 exciting years.

We are looking forward to thenext 10 years!