Your SlideShare is downloading. ×
AngularJS & Plone
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

AngularJS & Plone

727
views

Published on

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

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

Published in: Software, Technology, Lifestyle

0 Comments
5 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
727
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
3
Comments
0
Likes
5
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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
  • 10. Two-Way Data Binding <input type="text" ng-model="yourName"> <h1>Hello {{yourName}}!</h1>
  • 11. Client Side Templates <ul> <li ng-repeat="item in items"> <a ng-href="{{item.url}}"> {{item.title}} </a> </li> </ul>
  • 12. Dependency Injection function($scope, $http) { … }
  • 13. Directives <div navigation-directive></div>
  • 14. Angular vs jQuery?
  • 15. Angular & Plone? Photo: Trey Ratcliff / stuckincustoms.com
  • 16. Angular & Plone? github.com/tisto/plone.app.angularjs Photo: Trey Ratcliff / stuckincustoms.com
  • 17. Plone Open Garden 2014 Timo Stollenwerk