An AngularJS front end for the Plone Open Source Enterprise Content Management System.

1. Plone Open Garden 2014
Timo Stollenwerk

2. Javascript
Photo: Trey Ratcliff / stuckincustoms.com

3. Modern Requirements
Photo: Trey Ratcliff / stuckincustoms.com

4. Choosing the right framework...
Photo: Trey Ratcliff / stuckincustoms.com

5. Choosing the right framework...
Full featured vs best of breed
Photo: Trey Ratcliff / stuckincustoms.com

6. Choosing the right framework...
Full featured vs best of breed
Components
Photo: Trey Ratcliff / stuckincustoms.com

7. Choosing the right framework...
Full featured vs best of breed
Components
Long term solution
Photo: Trey Ratcliff / stuckincustoms.com

8. Choosing the right framework...
Full featured vs best of breed
Components
Testable
Long term solution
Photo: Trey Ratcliff / stuckincustoms.com

9. A full featured front-end framework

12. Two-Way Data Binding
<input type="text"
ng-model="yourName">
<h1>Hello {{yourName}}!</h1>

13. Client Side Templates
<ul>
<li ng-repeat="item in items">
<a ng-href="{{item.url}}">
{{item.title}}
</a>
</li>
</ul>

14. Dependency Injection
function($scope, $http) {
…
}

15. Directives
<div navigation-directive></div>

16. Angular vs jQuery?

17. Angular & Plone?
Photo: Trey Ratcliff / stuckincustoms.com

18. Angular & Plone?
github.com/tisto/plone.app.angularjs
Photo: Trey Ratcliff / stuckincustoms.com

19. Plone Open Garden 2014
Timo Stollenwerk