New Authentication Technology

Identity Provider (issuer) => STS (security token services) => Token (contains claims and signature)

Identity Provider or Issuer

It's an authority that makes claims about user

Example Identity providers

Token & and its Claims

A token is a set of bytes that expresses Information about an entity. example a user.

1. A token consists of one or more claims
2. Each claim contains Information about the entity
3. A token also contains a signature, which contains information such as who created this token and guards/protects against changes.

The token workflow process behind the scenes

Accessing an Enterprise application 

Claim Transformation

Microsoft Identity Technology

Windows Azure Active Directory as a Federation Provider

More screenshots at http://1drv.ms/1gVRxtT

JavaScript - Tips 6 - OOPs - Prototype

	function Foo(who)
	{
	this.me = who;
	}
	Foo.prototype.speak = function(){
	alert("Hello, I am " + this.me + ".");
	};
	var a1 = new Foo("a1");
	a1.speak();

view raw JS ProtoType.js hosted with ❤ by GitHub

The output is

ASP.NET Web API Documentation using Swagger

Now the trend is APIs  and we need documentations for APIs to publish and share with teams for Apps and Application development. .NET comes with the in-build tool which have some challenges and not very impressive.

On the other hand, Swagger is a framework for describing, consuming and visualizing RESTful APIs. It keeps the documentation system, client and server code in sync always. We don't need to update manually and its fully automated.

Installing and configuring Swagger is simple, easy and no dependency. The following are the simple steps to enable API documentation in your ASP.Net site.

Step 1 : Install Swagger using Nuget package manager

Step 2 : Use Install-Package command to install Swagger

Step 3 : Step 2 adds a few changes in your project (updates web.config and adds a file "SwaggerConfig.cs" as shown in the figure)

Step 4 :  Minimal changes to enable Swagger and Swagger UI.

Step 5 : That's it. Now time to check the documentation. Use your application URL for your testing. Example "http://YourLocalhostURL/swagger/ui"

Step 6 : I changes some APIs with Swagger decorations as shown below.

Step 7 : Documentation for the Values Controller in Step 6

Enjoy API Programming and documentation.

JavaScript - Tips 5 - JSOM with Deferred / promises

	'use strict';
	//Global Variable with namespaces
	var BasicJSOM = window.BasicJSOM || {};
	BasicJSOM.Samples = BasicJSOM.Samples || {};
	// This code runs when the DOM is ready
	//and creates a context object which is needed to use the SharePoint object model
	$(document).ready(function () {
	debugger;
	BasicJSOM.Samples.SimpleDemo = new BasicJSOM.Samples.WebAndListSamples();
	BasicJSOM.Samples.SimpleDemo.getUserName();
	debugger;
	var readPromise = BasicJSOM.Samples.SimpleDemo.getLists();
	if (readPromise != undefined && readPromise != null)
	{
	readPromise
	.done(
	function () {
	alert('Success');
	})
	.fail(
	function () {
	alert('Fail');
	})
	.always(
	function () {
	alert('always callback');
	}
	);
	}
	});

view raw App.js hosted with ❤ by GitHub

	BasicJSOM.Samples.WebAndListSamples = function () {
	//private varables
	var context = SP.ClientContext.get_current();
	var user = context.get_web().get_currentUser();
	var lists = context.get_web().get_lists();
	//private functions
	function _getUserName() {
	$('#message').text('Web Absolute url : ' + _spPageContextInfo.webAbsoluteUrl);
	context.load(user);
	context.executeQueryAsync(onGetUserNameSuccess, onGetUserNameFail);
	}
	function onGetUserNameSuccess() {
	$('#message').append('<br/> User Title :' + user.get_title());
	}
	function onGetUserNameFail(sender, args) {
	alert('Failed to get user name. Error:' + args.get_message());
	}
	function _getLists() {
	var dfd = $.Deferred();
	context.load(lists);
	context.executeQueryAsync(
	//Async success callback
	function () {
	$('#message').append('<br/> List Count ' + lists.get_count());
	dfd.resolve();
	},
	//Async fail callback
	function (sender, args) {
	alert('Failed to get list names. Error:' + args.get_message());
	dfd.reject();
	});
	return dfd.promise();
	}
	//register public members
	var publicMembers = {
	getUserName: _getUserName,
	getLists: _getLists
	}
	return publicMembers;
	}

view raw AppManager.js hosted with ❤ by GitHub

	<%-- The following 4 lines are ASP.NET directives needed when using SharePoint components --%>
	<%@ Page Inherits="Microsoft.SharePoint.WebPartPages.WebPartPage, Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" MasterPageFile="~masterurl/default.master" Language="C#" %>
	<%@ Register TagPrefix="Utilities" Namespace="Microsoft.SharePoint.Utilities" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
	<%@ Register TagPrefix="WebPartPages" Namespace="Microsoft.SharePoint.WebPartPages" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
	<%@ Register TagPrefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
	<%-- The markup and script in the following Content element will be placed in the <head> of the page --%>
	<asp:Content ContentPlaceHolderID="PlaceHolderAdditionalPageHead" runat="server">
	<script type="text/javascript" src="../Scripts/jquery-1.9.1.min.js"></script>
	<script type="text/javascript" src="/_layouts/15/sp.runtime.js"></script>
	<script type="text/javascript" src="/_layouts/15/sp.js"></script>
	<meta name="WebPartPageExpansion" content="full" />
	<!-- Add your CSS styles to the following file -->
	<link rel="Stylesheet" type="text/css" href="../Content/App.css" />
	<!-- Add your JavaScript to the following file -->
	<script type="text/javascript" src="../Scripts/App.js"></script>
	<script type="text/javascript" src="../Scripts/AppManager.js"></script>
	</asp:Content>
	<%-- The markup in the following Content element will be placed in the TitleArea of the page --%>
	<asp:Content ContentPlaceHolderID="PlaceHolderPageTitleInTitleArea" runat="server">
	JSOM Samples
	</asp:Content>
	<%-- The markup and script in the following Content element will be placed in the <body> of the page --%>
	<asp:Content ContentPlaceHolderID="PlaceHolderMain" runat="server">
	<div>
	<p id="message">
	<!-- The following content will be replaced with the user name when you run the app - see App.js -->
	initializing...
	</p>
	</div>
	</asp:Content>

view raw Default.aspx hosted with ❤ by GitHub

Also please have a look at this sample too by mkropat https://gist.github.com/mkropat/8811708.js

JavaScript - Tips 4 - Deferred or Promises

	<!DOCTYPE html>
	<html>
	<head>
	<script data-require="jquery@*" data-semver="2.1.4" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
	<script src="http://malsup.github.com/jquery.blockUI.js"></script>
	<link rel="stylesheet" href="style.css" />
	<script src="script.js"></script>
	</head>
	<body>
	<div>Live demo : <a href='http://jsfiddle.net/jfromaniello/AjwaV/40/light/' target='_blank'>http://jsfiddle.net/jfromaniello/AjwaV/40/light/</a></div>
	<ul>
	<li>First name: <span id="firstName"></span></li>
	<li>Address: <span id="address"></span></li>
	</ul>
	</body>
	</html>

view raw index.html hosted with ❤ by GitHub

	function getCustomer(customerId){
	var d = $.Deferred();
	$.post(
	"/echo/json/",
	{json: JSON.stringify({firstName: "Jose", lastName: "Romaniello", ssn: "123456789"}),
	delay: 4}
	).done(function(p){
	d.resolve(p);
	}).fail(d.reject);
	return d.promise();
	}
	function getPersonAddressBySSN(ssn){
	return $.post("/echo/json/", {
	json: JSON.stringify({
	ssn: "123456789",
	address: "Siempre Viva 12345, Springfield" }),
	delay: 2
	}).pipe(function(p){
	return p.address;
	});
	}
	function load(){
	$.blockUI({message: "Loading..."});
	var loadingCustomer = getCustomer(123)
	.done(function(c){
	$("span#firstName").html(c.firstName)
	});
	var loadingAddress = getPersonAddressBySSN("123456789")
	.done(function(address){
	$("span#address").html(address)
	});
	$.when(loadingCustomer, loadingAddress)
	.done($.unblockUI);
	}
	load();

view raw jQueryPromises.js hosted with ❤ by GitHub

JavaScript - Tips 3 - Namespace and SharePoint Web and List

	'use strict';
	//Global Variable with namespaces
	var BasicJSOM = window.BasicJSOM || {};
	BasicJSOM.Samples = BasicJSOM.Samples || {};
	// This code runs when the DOM is ready
	//and creates a context object which is needed to use the SharePoint object model
	$(document).ready(function () {
	debugger;
	BasicJSOM.Samples.SimpleDemo = new BasicJSOM.Samples.WebAndListSamples();
	BasicJSOM.Samples.SimpleDemo.getUserName();
	BasicJSOM.Samples.SimpleDemo.getLists();
	});
	BasicJSOM.Samples.WebAndListSamples = function () {
	//private varables
	var context = SP.ClientContext.get_current();
	var user = context.get_web().get_currentUser();
	var lists = context.get_web().get_lists();
	//private functions
	function _getUserName() {
	$('#message').text('Web Absolute url : ' + _spPageContextInfo.webAbsoluteUrl);
	context.load(user);
	context.executeQueryAsync(onGetUserNameSuccess, onGetUserNameFail);
	}
	function onGetUserNameSuccess() {
	$('#message').append('<br/> User Title :' + user.get_title());
	}
	function onGetUserNameFail(sender, args) {
	alert('Failed to get user name. Error:' + args.get_message());
	}
	function _getLists() {
	context.load(lists);
	context.executeQueryAsync(onGetListSuccess, onGetListFail);
	}
	function onGetListSuccess() {
	$('#message').append('<br/> List Count ' + lists.get_count());
	}
	function onGetListFail(sender, args) {
	alert('Failed to get list names. Error:' + args.get_message());
	}
	//register public members
	var publicMembers = {
	getUserName: _getUserName,
	getLists: _getLists
	}
	return publicMembers;
	}

view raw SimpleJsomWebAndLit.js hosted with ❤ by GitHub

Now run the code in an app and the output is as shown below.

JavaScript Development Tools

JavaScript - Tips 2 - Comparison

	"use strict";
	function fncComparison()
	{
	var firstVal = 1;
	var secondVal = "1";
	// with type coercion
	if (firstVal == secondVal)
	{
	alert('Success with ==');
	}
	else
	{
	alert('Not equal when ==')
	}
	// without type coercion
	if (firstVal === secondVal)
	{
	alert('Success with ===');
	}
	else
	{
	alert('Not equal when ===')
	}
	//Also we can use!= and !==
	}

view raw Comparison.js hosted with ❤ by GitHub

JavaScript - Tips 1 - Hoisting

	var myVar = "my global variabl"
	function hoistingSampleAsInterpreted()
	{
	var myVar;
	alert(myVar); //value is undefined
	myVar = "my local variable"; //value is not undefined
	alert(myVar);
	}

view raw HoistingSample.js hosted with ❤ by GitHub

	//Hoisting - Variable declarations moved to top of function by JavaScript engines
	var myVar = "my global variabl"
	function hoistingSampleAsInterpreted()
	{
	var myVar = "my local variable";
	alert(myVar);
	}

view raw HoistingSampleInerpreted.js hosted with ❤ by GitHub

SharePoint Apps - Some Important rules

SharePoint Blogs and useful Links

There are a few sites which I found useful to a SharePoint Developer.

http://microsoftsharepointsupport.blogspot.ca/

http://microsoftsharepointsupport.blogspot.ca/2015/05/understanding-sharepoint-apps.html


Apps series
http://www.sharepointnutsandbolts.com/2012/08/sharepoint-2013-appsarchitecture.html

Microsoft SharePoint Online Management and Control

https://www.youtube.com/watch?v=4oILqaF3GTI

SharePoint 2013 - JSOM and Rest code screen shots

https://onedrive.live.com/?id=70CB108637597235%21310&cid=70CB108637597235&group=0

TFS - Source Control

Advanced TFS

- Get latest / Check in / Undo changes
- CheckIn policy (Work Item, Code Analysis etc) we can write our own by extending it or buy third party
- Tasks templates (Agile, Scrum templates etc)
- Associate and Resolve Task Id while checkin
- ChangeSet (for relelase note, associate work item with changeset)
- Lable (Book mark of milestones eg. IPhone UX Implemented etc)
- Branching
- Merge code between branches
- Shelve / Unshelve - Move the new code in a safe location (Shelve) and it will not be compiled in builds and you can use the old code. First shelve and undo the undo pending changes.
During unshelve, we may have a conflict with the present code.
- Use the local/Server version/Auto Merge/Merge tool

PowerShell SharePoint Administration - Script samples

I always love and keep an eye on the SharePoint Administration. I have watched the MVA video training conducted by Christopher and his samples are in GitHub

If you are a developer, please have a look at it and understand and need to know some administration.
Download the SharePoint Administration scripts

Knockout Introduction

Today I conducted a session on KnockOut, which is a client-side MVVM JS library. Have a look at the below slide and can download for your reference. Its free for you :)

The audience are impressed about the two way communication and the page rewrite without refreshing the entire page.

You can develop a awesome Web page, SPA or Apps using knockout. I am sure you will love it.

Knock out Introduction with samples (jsfiddle.net) from Balakrishnanan Ganesan