AppSuite:UI developer primer: Difference between revisions
From Open-Xchange
(add bootstrap reference) |
No edit summary |
||
| 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/ | ||
* '''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/ | ||
* ''' | * '''Twitter Bootstrap''': Frontend Framework, helps building responsive designs. http://twitter.github.io/bootstrap/ | ||
* '''require.js''' | |||
* '''Modernizr''' | |||
== Theming == | == Theming == | ||
* '''less''': LESS extends CSS with dynamic | * '''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
- jQuery: JQuery is used for document handling and manipulation. http://jquery.com/
- backbone.js: Backbone is our Model-View-framework of choice. http://backbonejs.org/
- underscore.js: Underscore provides easy and consistent functional tools, like map, select and invoke. http://underscorejs.org/
- Twitter Bootstrap: Frontend Framework, helps building responsive designs. http://twitter.github.io/bootstrap/
- require.js
- Modernizr
Theming
- less.js: LESS extends CSS with dynamic behavior. http://lesscss.org/
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/