Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Gold Sponsors Bronze SponsorsSilver Sponsors
Portable single page
applications with AngularJS
in SharePoint
Roger Noble
CT...
CTO @
• SharePoint design and development
• Business Intelligence
• Web Development
Who am I?
A brief overview…
History of SharePoint Development
A brief overview…
History of SharePoint Development
2007
A brief overview…
History of SharePoint Development
2010
A brief overview…
History of SharePoint Development
2013
1. Provide users with the easiest discovery, purchase, and installation process.
2. Give administrators the safest SharePo...
1. Maximize your ability to take advantage of your
existing non-SharePoint programming skills.
2. Integrate cloud-based re...
Flipping server-side code on its head
Use the server as a source of data, rather than
generating angle brackets
Get the cl...
JAVASCRIPT!!!
What is AngularJS?
What is AngularJS?
Keep business logic on the server
Move presentation to the client
Two way data-binding
Dependency injec...
Basic app
demonstration
Apps are very quick to develop and deploy
Can use existing skills
Can develop outside of SharePoint!!!
Testable
Example…
W...
Font Awesome
Other useful open source tools
Bootstrap
Other useful open source tools
Google fonts
Other useful open source tools
All together
demonstration
Can easily package files into an App using VS
Even lazier, deploy them to a document library 
Deployment
Deployment
demonstration
Use your favourite tool
Develop locally as much as possible
Use tools as much as possible – don’t reinvent the
wheel
Refer...
Develop offline
demonstration
Summary
Questions?
Comments?
More info
roger@coritsu.com
http://rogernoble.com
https://angularjs.org/
http://fontawesome.io/
http:...
Gold Sponsors Bronze SponsorsSilver Sponsors
Thanks for listening
Remember to submit your feedback so you go in the
draw t...
Upcoming SlideShare
Loading in …5
×

Portable single page applications with AngularJS in SharePoint

2,270 views

Published on

An introduction to the basic concepts of AngularJS a client side MV* framework, and how it can be used to create decoupled portable applications within SharePoint.
Based on a real-world example, the presentation describes how to create an application hosted in SharePoint that can communicate with other LOB systems. Other featured technologies include Bootstrap, Google fonts and Font Awesome to allow developers to quickly create stunning, user friendly, single page applications.

Published in: Technology
  • Be the first to comment

Portable single page applications with AngularJS in SharePoint

  1. 1. Gold Sponsors Bronze SponsorsSilver Sponsors Portable single page applications with AngularJS in SharePoint Roger Noble CTO – Coritsu Group
  2. 2. CTO @ • SharePoint design and development • Business Intelligence • Web Development Who am I?
  3. 3. A brief overview… History of SharePoint Development
  4. 4. A brief overview… History of SharePoint Development 2007
  5. 5. A brief overview… History of SharePoint Development 2010
  6. 6. A brief overview… History of SharePoint Development 2013
  7. 7. 1. Provide users with the easiest discovery, purchase, and installation process. 2. Give administrators the safest SharePoint extensions. 3. Provide you with the simplest marketing and sales system based on a Microsoft online app store. 4. Maximize your flexibility in developing future upgrades. 5. Maximize your ability to take advantage of your existing non-SharePoint programming skills. 6. Integrate cloud-based resources in smoother and more flexible ways. 7. Enable your extension to have permissions that are distinct from the permissions of the user who is running the app. 8. Enable you to use cross-platform standards, including HTML, REST, OData, JavaScript, and OAuth. 9. Enable you to take advantage of the SharePoint cross-domain JavaScript library to access SharePoint data. Alternatively, you can use a Microsoft- provided secure token service that is OAuth-compatible or use digital certificates to get authorization to SharePoint data. Benefits of App Model http://msdn.microsoft.com/en-us/library/office/jj163114(v=office.15).aspx#AppWhenYouCan)
  8. 8. 1. Maximize your ability to take advantage of your existing non-SharePoint programming skills. 2. Integrate cloud-based resources in smoother and more flexible ways. 3. Enable you to use cross-platform standards, including HTML, REST, OData, JavaScript, and OAuth. Benefits of App Model http://msdn.microsoft.com/en-us/library/office/jj163114(v=office.15).aspx#AppWhenYouCan)
  9. 9. Flipping server-side code on its head Use the server as a source of data, rather than generating angle brackets Get the client to do the work Browsers are incredibly good at rendering HTML SPA (Fat client)
  10. 10. JAVASCRIPT!!!
  11. 11. What is AngularJS?
  12. 12. What is AngularJS? Keep business logic on the server Move presentation to the client Two way data-binding Dependency injection
  13. 13. Basic app demonstration
  14. 14. Apps are very quick to develop and deploy Can use existing skills Can develop outside of SharePoint!!! Testable Example… Why should you care?
  15. 15. Font Awesome Other useful open source tools
  16. 16. Bootstrap Other useful open source tools
  17. 17. Google fonts Other useful open source tools
  18. 18. All together demonstration
  19. 19. Can easily package files into an App using VS Even lazier, deploy them to a document library  Deployment
  20. 20. Deployment demonstration
  21. 21. Use your favourite tool Develop locally as much as possible Use tools as much as possible – don’t reinvent the wheel Reference CDN for speed Development strategies
  22. 22. Develop offline demonstration
  23. 23. Summary
  24. 24. Questions? Comments? More info roger@coritsu.com http://rogernoble.com https://angularjs.org/ http://fontawesome.io/ http://angular-ui.github.io/bootstrap/ https://www.google.com/fonts http://www.coritsu.com
  25. 25. Gold Sponsors Bronze SponsorsSilver Sponsors Thanks for listening Remember to submit your feedback so you go in the draw to win prizes at the end of the day

×