Difference between revisions of "AppSuite:UI developer primer"

(add bootstrap reference)
Line 1: Line 1:
 +
=What you should know=
 +
 +
_TOC_
 +
 
This article explains the languages and frameworks used within the AppSuite frontend. It is aimed at developers that want to work with the frontend, be it creating new plugins or applications or modifying existing code.
 
This article explains the languages and frameworks used within the AppSuite frontend. It is aimed at developers that want to work with the frontend, be it creating new plugins or applications or modifying existing code.
  
 
== Basics ==
 
== Basics ==
 
* '''JavaScript''': No surprise there, the AppSuite frontend is written in JavaScript.  
 
* '''JavaScript''': No surprise there, the AppSuite frontend is written in JavaScript.  
 +
* HTML5
 +
* CSS3
  
 
== Frameworks ==
 
== Frameworks ==
* '''jquery''': JQuery is used for document handling and manipulation. http://jquery.com/
+
* '''jQuery''': JQuery is used for document handling and manipulation. http://jquery.com/
* '''backbone''': Backbone is our Model-View-framework of choice. http://backbonejs.org/
+
* '''backbone.js''': Backbone is our Model-View-framework of choice. http://backbonejs.org/
* '''underscore''': Underscore provides easy and consistent functional tools, like map, select and invoke. http://underscorejs.org/
+
* '''underscore.js''': Underscore provides easy and consistent functional tools, like map, select and invoke. http://underscorejs.org/
* '''bootstrap''': Frontend Framework, helps building responsive designs. http://twitter.github.io/bootstrap/
+
* '''Twitter Bootstrap''': Frontend Framework, helps building responsive designs. http://twitter.github.io/bootstrap/
 +
* '''require.js'''
 +
* '''Modernizr'''
  
 
== Theming ==
 
== Theming ==
* '''less''': LESS extends CSS with dynamic behaviuor. http://lesscss.org/
+
* '''less.js''': LESS extends CSS with dynamic behavior. http://lesscss.org/
  
 
== Recommended reading ==
 
== Recommended reading ==
 +
* Talks To Help You Become A Better Front-End Engineer In 2013: http://www.smashingmagazine.com/2012/12/22/talks-to-help-you-become-a-better-front-end-engineer-in-2013/
 +
* Designing Better JavaScript APIs: http://coding.smashingmagazine.com/2012/10/09/designing-javascript-apis-usability/
 +
* Subscribe: JavaScript Weekly. http://javascriptweekly.com/
 +
* Subscribe: HTML5 Weekly. http://html5weekly.com/
 +
* Good articles: http://www.html5rocks.com/en/
  
 
[[Category:AppSuite]]
 
[[Category:AppSuite]]
 
[[Category:UI]]
 
[[Category:UI]]

Revision as of 05:46, 10 April 2013

What you should know

_TOC_

This article explains the languages and frameworks used within the AppSuite frontend. It is aimed at developers that want to work with the frontend, be it creating new plugins or applications or modifying existing code.

Basics

  • JavaScript: No surprise there, the AppSuite frontend is written in JavaScript.
  • HTML5
  • CSS3

Frameworks

Theming

Recommended reading