1. AngularJS and SharePoint Chris Douglas Senior SharePoint Developer InfoReliance Web: Twitter: @CigarDoug

2. SharePoint 80/20 SharePoint Elevator Speech
80% of requirements out of the box
20% require custom development
Server side: Visual Studio, WSP solution
Client side: SharePoint Designer, HTML/CSS/JavaScript
Third party hosting and Office 365

3. Model-View-Controller
What is AngularJS
JavaScript Library
Similar to JQuery
AngularJS vs. Angular 2, 3, 4
Model-View-Controller

4. Single Page Application
What will our app do
What do we need to do
Read a SharePoint List
Show different views
Search
Read a SharePoint Item
Add/Edit a SharePoint Item
Download JavaScript Libraries
Create a SharePoint List
Create a Site Page
Create HTML, CSS, and JS files

5. Web site: www.douglasweb.com
CigarDemo.aspx
SharePoint List
Site Assets
Site Page
Content Editor Web Part
Single Page Application
Cigars.html
List.html/Display.html/Edit.html

6. AngularJS Components Cigars.html Cigars.js Cigars.css List.html
All References
ng-app, ng-view
Fragment Identifier
Cigars.js
module
routeProvider
Cigars.css
List.html
ng-repeat
ng-show
Cigars.List.js
Controller
showResults
Search
Display.html
Edit.html
Cigars.Item.js
SPDataServices.js
addListItem
getListItem
saveListItem

7. Questions
Web: Download: Cigar Application.zip Twitter: @CigarDoug

8. SPSVB Sponsors
Platinum
Gold
Silver