201307Jan

Junior: HTML5-Frontend-Framework für mobile Apps

Für die Entwicklung von mobilen Webapps bieten sich verschiedene Frameworks an, vorzugsweise Kendo UI oder jQuery Mobile. Ein weiterer Ansatz kommt mit der HTML5-Bibliothek Junior, die auf Modernizr, Zepto, Lodash und Backbone aufsetzt.

Junior - A front-end framework for building HTML5 mobile apps with a native look and feel

Junior bietet also Swipe-Gesten, CSS3-Transitions, CSS-UI-Komponenten und eine ordentliche App-Struktur durch die Verwendung von Views und Routern, die durch Backbone bereitgestellt werden:

  • var AppRouter = Jr.Router.extend({
  • routes: {
  • '': 'home',
  • 'about': 'about',
  • 'details': 'details'
  • },
  •  
  • home: function(){
  • var homeView = new HomeView();
  • this.renderView(homeView);
  • },
  •  
  • details: function() {
  • var detailsView = new DetailsView();
  • this.renderView(detailsView);
  • }
  • });

Ein dokumentiertes Beispiel findet sich hier, das einen Einblick in eine Junior-Anwendung gewährt.