.NET Force

1) Introduction This article is going to describe how to set up S harepoint Framework (SPFx) Development with Angular using a template project created by Sahil Malik which is available at  https://github.com/maliksahil/SPFxAngularCLI I modified Sahil's work, integrated Google Map API and Goodzer API to an Angular Sharepoint SPFx web part. The modified code is available at  https://github.com/shahimsadakath/spfx-google-map-sample If you are new to Sharepoint SPFx and you haven't set up your development environment yet. My previous article at  http://shadotnet.blogspot.com/2018/05/starting-sharepoint-framework-spfx.html  will be useful. Let's get started. 2) Steps to integrate Goodzer API Register yourself at   https://developer.goodzer.com/signup/  and get a free API Key  I added a file named  app.settings.ts to store the API Key as shown below in src->app folder export class AppSettings {          ...

1) Introduction This article is going to describe how to set up S harepoint Framework (SPFx) Development Environment locally in your PC . Before you start you must have a little bit knowledge or understanding of following technologies/tools, Sharepoint 2016 or greater (Which supports  SPFx) Node.js Npm Typescript Visual Studio Code 2) What is Sharepoint Framework (SPFx) The SharePoint Framework (SPFx) is a page and web part model that provides full support for client-side SharePoint development, easy integration with SharePoint data, and support for open source tooling. With the SharePoint Framework, you can use modern web technologies and tools in your preferred development environment to build productive experiences and apps that are responsive and mobile-ready from day one. The SharePoint Framework works for SharePoint Online and soon also for on-premises (SharePoint 2016 Feature Pack 2) 3) Why we should use Sharepoint Framework? As I personally bel...