The document outlines a presentation by Vincent Biret discussing the integration of DevOps practices within the SharePoint Framework, covering topics like the software lifecycle, Azure services, and automated testing. It emphasizes the benefits of using modern tools such as Visual Studio Team Services for source control and builds, while also addressing technical debt management. The session is aimed at SharePoint and Office 365 developers, providing a comprehensive overview of building and deploying applications efficiently.

1. Is it possible to do DevOps with
The SharePoint Framework?
SharePoint Saturday New York City 2017
By: Vincent Biret

2. Vincent Biret
@baywet
bit.ly/vince365
MVP Office Servers and Services
Azure and Office 365 developer @ 2toLead

3. EVALS / PRIZES
Bring all items to the 6th Info Desk
• Bingo Cards = how you win prizes at the
end of the event.
• The cards must be stamped by ALL the
Sponsors by the last session (4pm)
• Fill out speakers evaluations (located in
the front of the rooms
• Fill out the event evaluations
27 in Curved Samsung
Lenovo IdeaPad
Name your game bundle

4. THANK YOU
EVENT SPONSORS
We appreciated you supporting the
New York SharePoint Community!
• Diamond, Platinum, Gold, & Silver have
tables scattered throughout
• Please visit them and inquire about their
products & services
• To be eligible for prizes make sure to get
your bingo card stamped by ALL sponsors
• Raffle at the end of the day and you must
be present to win!

5. Beer Authority
300 W 40h St
[across the street]
Join us for a round of drinks & some
appetizers
http://www.beerauthoritynyc.com

6. Who’s this session for?

7. Agenda
•The new stack for SharePoint Framework
•Intro to Software lifecycle + devops
•Intro to VSTS/Azure
•The build system + deploy
•Unit tests with SPFX
•Intro to tech debt management
•Conclusion

8. Ready?

9. Modern toolchain for SharePoint/Office 365 developers at last
The new stack

10. IIS Express
Project Templates
Server side tool comparison

14. Bill is awesome!

15. The webpart project
Demo

16. Where it all begins
Software lifecycle

17. Software lifecycle : devops
Plan
Dev
Test
Production
Idea/Need Business Plan
Marketing Sales
Market
Feedback
Agile/CMMI/…
Architecture
Source Control
IDE
Build
xTests

18. Let’s talk about tooling
Visual Studio Team Services and Azure

19. You’ve probably heard about it
Azure
•Microsoft’s Cloud platform
•IaaS, PaaS, SaaS
•Literaly tons of services

20. Visual Studio Team Services
• TFS as a service
• Updated more frequently
• Pay per user/build
• Everything except
• SharePoint Integration
• Process Template Customization**
• Data Warehouse

21. Code as a team, not a guy in a cave
Branch management

22. Git + git flow
• Git is a decentralized source control technology
• Branches are cheap
• Merging is not a nightmare
• Cross platform
• Lot of tools
• Git flow is a process model for branch management
• Focused work
• Easy context switching
• Standard and no thinking required
• Semver…

23. Let’s increase the quality of releases
Build

24. Automated builds
•Predictable result
•Constant quality
•Time saving

25. Build 2015
•JSON definition
•Web edition
•Lot of third parties integrations
•Tasks on github! (see notes)
•Agent auto updates!

26. Agents
•Hosted Agents
•BaaS
•Installed Agents
•Azure, or anywhere else

27. Build section, build agents 2015
Demo

28. Automate all the things!
Deploy

29. Pick and choose!
Different schools
• Source promotion
• We promote to next level a certain state of source
• Rebuild if needed
• Build promotion
• Exact same binaries are promoted

30. VSTS – Release Management
•Same technology as the build 2015
•Notion of environments
•Approvals

31. Office 365 CDN
1. Configure Office 365 CDN to replicate site assets
2. Configure Urls in configuration files
3. Bundle files
4. Bundle app package
5. Upload js/json to sharepoint (custom task)
6. SharePoint replicates to CDN
7. Win!

32. MH and small project deployment with RM
Demo

33. Final touch to QA
Test

34. Tests levels
•Unit testing
•Load testing
•Integration testing
•System testing
•Functional/Acceptance testing

35. Tests types
•Installation
•Compatibility
•Regression
•Destructive
•Security
•L17N/I13N
•A/B
•…..

36. Test tooling
Runners Assertion libraries Emulators/Env Reporters Frameworks Stubing/Mocking
Karma Chai + as
promised
PhantomJS Junit Mocha Sinon
MSTest MS.Test ns Node (backend) Coverage Casper
Istanbul Chrome Cobertura Jasmine
… … …

37. Unit tests of demo webpart
Demo

38. Or how to avoid digging your own grave
Technical debt management

39. What is tech debt?
•Code we’re not comfortable with
•Preventing us from innovating
•Causing a lot of support
•Stressful for the team

40. Solutions?
•Rewrite everything every 2 years
•Pair coding
•Static analysis + linting

41. SonarQube for MH, linting for demo webpart
Demo

42. I swear, I’m going to stop talking soon and let you free
Conclusion

43. Conclusion
•Lot of time saved
•Consistent builds
•Automated tests
•Quality increased
•Money saved

44. Any question?
Thanks!
Vincent Biret
Office 365 and Azure Developer, 2toLead
@baywet
Bit.ly/vince365
SonarQube Fast Install: https://github.com/baywet/azure-docker-sonarqube
SPFX DevOps: https://github.com/baywet/spfx-devops-vsts