AngularJS & Plone

1,698 views

Published on

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

Published in: Software, Technology, Lifestyle
0 Comments
6 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,698
On SlideShare
0
From Embeds
0
Number of Embeds
19
Actions
Shares
0
Downloads
4
Comments
0
Likes
6
Embeds 0
No embeds

No notes for slide

AngularJS & Plone

  1. 1. Plone Open Garden 2014 Timo Stollenwerk
  2. 2. Javascript Photo: Trey Ratcliff / stuckincustoms.com
  3. 3. Modern Requirements Photo: Trey Ratcliff / stuckincustoms.com
  4. 4. Choosing the right framework... Photo: Trey Ratcliff / stuckincustoms.com
  5. 5. Choosing the right framework... Full featured vs best of breed Photo: Trey Ratcliff / stuckincustoms.com
  6. 6. Choosing the right framework... Full featured vs best of breed Components Photo: Trey Ratcliff / stuckincustoms.com
  7. 7. Choosing the right framework... Full featured vs best of breed Components Long term solution Photo: Trey Ratcliff / stuckincustoms.com
  8. 8. Choosing the right framework... Full featured vs best of breed Components Testable Long term solution Photo: Trey Ratcliff / stuckincustoms.com
  9. 9. A full featured front-end framework
  10. 10. Two-Way Data Binding <input type="text" ng-model="yourName"> <h1>Hello {{yourName}}!</h1>
  11. 11. Client Side Templates <ul> <li ng-repeat="item in items"> <a ng-href="{{item.url}}"> {{item.title}} </a> </li> </ul>
  12. 12. Dependency Injection function($scope, $http) { … }
  13. 13. Directives <div navigation-directive></div>
  14. 14. Angular vs jQuery?
  15. 15. Angular & Plone? Photo: Trey Ratcliff / stuckincustoms.com
  16. 16. Angular & Plone? github.com/tisto/plone.app.angularjs Photo: Trey Ratcliff / stuckincustoms.com
  17. 17. Plone Open Garden 2014 Timo Stollenwerk

×