SharePoint Framework (SPFx) : Mapping of Client to Server technology

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).

Below is the mapping of client technology used in SharePoint Framework with existing server technology for SharePoint development.

Client	Server
Node JS	IIS Express
NPM	NuGet
Gulp	MS Build
TypeScript	C#
Yeoman	VS Project Templates

What is GitHub?

GitHub is an online; browser based distributed version control system for software developers using the Git revision control system. The service provides free public repositories, issue tracking, graphs, code review, downloads, wikis, collaborator management, and more. There are also social networking elements of the service including feeds, the ability to follow other users, and network related graphs.

SharePoint 2013 Lifecycle : Support End date

Product	SharePoint Server 2013
Lifecycle Start Date	1/9/2013
Mainstream Support End Date	4/10/2018
Extended Support End Date	4/11/2023

SharePoint 2013 : Expand width of Column in List

To expand column width in any list or library, open the list, edit page and add a content editor web part in that page.

In source editor of content editor web part add below CSS:

<div class="ms-rtestate-read ms-rte-embedcode ms-rte-embedil ms-rtestate-notify s4-wpActive" contenteditable="false">​<style type="text/css">.ms-vh-div[DisplayName='Display Name of Column']{ width:550px;}</style></div>

Second Way

1.Go to the list you want to edit, and press F12. Then you will see the following tool.

2.Click the first arrow button and select the column you want to edit. Then you will see the column related codes.

 
3.Pay attention to the class=”XXXX”, and copy the XXXX. (Here is ms-vh2)

4.Add the following codes to the content edit web part.
<style type="text/css">
.XXXX {
width:50px; (you could change the number as you want)
}
</style>

Third Way

Replace Description with whatever the coulmn name is. And edit the width.

<style type='text/css'>.ms-vh-div[DisplayName='Description']{  width:250px;}</style>