Difference between revisions of "AppSuite:UI developer primer"

(added portal information)
 
(3 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<div class="title">What you should know</div>
+
The content on this page has moved to https://documentation.open-xchange.com/7.10.2/ui/
  
__TOC__
+
Note: Open-Xchange is in the process of migrating all its technical documentation to a new and improved documentation system (documentation.open-xchange.com). Please note as the migration takes place more information will be available on the new system and less on this system. Thank you for your understanding during this period of transition.
 
 
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. http://www.youtube.com/watch?v=hQVTIJBZook
 
** Our own style is explained here: [[AppSuite:UI_Development_Style_Guide | Style Guide]]
 
* '''HTML5''' & '''CSS3'''. http://caniuse.com/
 
 
 
== 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/
 
 
 
{{Portal:AppSuite UI}}
 
[[Category:AppSuite]]
 
[[Category:UI]]
 

Latest revision as of 09:08, 15 May 2019

The content on this page has moved to https://documentation.open-xchange.com/7.10.2/ui/

Note: Open-Xchange is in the process of migrating all its technical documentation to a new and improved documentation system (documentation.open-xchange.com). Please note as the migration takes place more information will be available on the new system and less on this system. Thank you for your understanding during this period of transition.