1. International TechNet Wiki Summit 2015
Matthew Yarlett
Adding client-side controls to an AngularJS app in Office 365

2. Introduction
Matthew Yarlett Senior Consultant, OBS (Empired) LinkedIn: Blog: TechNet:

3. Agenda
Bootstrap CSS, UI Bootstrap, and the Calendar control RichText Editor (with Spell checking) People Picker Taxonomy Picker Q&A

4. TechNet Wiki Articles
Office365, AngularJS and Client-side Controls

5. Demo – A run through the app
Go through the lists (notably, Ships In Port and Ship Register)
Click through the app, highlighting:
Routing
Show fiddler / DEV console while clicking through
Show adding single/multiple users
Show adding a date
Show adding richtext
Quick look at the code files
Code structure – Visio image

6. Bootstrap CSS, UI Bootstrap, and the Calendar

7. The RichText Editor
Wiki Article TinyMCE TinyMCE and AngularJS

8. The People Picker
MSDN Documentation

9. People Picker Process

10. The Taxonomy Picker
Office365 Developer Patterns and Practices

11. The Taxonomy Picker

12. The Taxonomy Picker

13. The Taxonomy Picker

14. Q&A

15. Thanks for listening…
Matthew Yarlett Senior Consultant, OBS (Empired) LinkedIn: Blog: TechNet: