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

AngularJS & Plone

868

Published on

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

Published in: Software, Technology, Lifestyle

Transcript of "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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×