SharePoint SharePoint Framework

Office Dev PnP Webcast – Integrating Angular v1.x to SharePoint Framework client side web part

In this PnP Webcast we concentrated on how to start using Angular 1.x with SharePoint Framework client-side web parts. Web cast concentrates on a demo where we start from clean client-side web part project and apply the steps to be able to start using Angular 1.x in the implementation. Process is pretty similar regardless of the JavaScript framework which you are using. 

Notice. When this webcast was released SharePoint Framework were not yet available in Office 365 tenants. This recording was done using internal preview release of SharePoint Framework, so some details might be slightly changed by the time when SP Framework is released for first release tenants (summer 2016). 

Presentation covers following topics:

  • High level steps on using Angular 1.x with SP Fx client side web parts
  • Summary on used commands and operations done in demo

Webcast demo shows following details

  • Adding Angular to your SP Fx project using npm package manager
  • Installing Angular typings for SP Fx project for getting intelligence while developing
  • Using Angular in client side web part

Webcast presenters: Waldek MastykarzVesa Juvonen

Presentation used in this webcast is available from

Video at Channel 9.

Additional resources

See following resources around the upcoming SharePoint Framework. We’ll release more detailed documentation and step-by-step guidance when SharePoint Framework will be released for preview in first release tenants. This will happen during summer 2016.

What is SharePoint and Office DevPatterns & Practices (PnP) web cast series?PnP logo

SharePoint and Office Dev Patterns & Practices (PnP) webcast series covers different patterns, practices and topics around development with Office 365 and SharePoint. Majority of the topics are valid for the Office 365 and SharePoint on-premises. Our objective is to release new around 30 minute long web cast each Monday with few slides and a live demo on the covered topic. All web casts are published at the PnP Channel 9 video blog with additional references on the existing materials.

PnP is community driven open source project where Microsoft and external community members are sharing their learning’s around implementation practices for Office 365 and SharePoint on-premises (add-in model). Active development and contributions happen in our GitHub repositories under dev branch and each month there will be a master merge (monthly release) with more comprehensive testing and communications. Latest activities and future plans are covered in our monthly community calls which are open for anyone from the community. Download invite from

This is work done by the community for the community without any actual full time people. It’s been great to find both internal and external people who are willing to assist and share their learning’s for the benefit of others. This way we can build on the common knowledge of us all. Currently program is facilitated by Microsoft, but already at this point we have multiple community members as part of the Core team and we are looking to extend the Core team with more community members.

If you have any questions, comments or feedback around PnP program or this blog post, please use the PnP Yammer group at or use the Office 365 Network.

“Sharing is caring”

Vesa Juvonen, Senior Program Manager, SharePoint, Microsoft – 8th of August 2016