SharePoint Framework - Getting Started

SharePoint has evolved a lot over the years, which has caused a fair amount of confusion. This course gives you an introduction to SharePoint Framework, the newest iteration of Office 365 and SharePoint developer story.
Course info
Rating
(66)
Level
Beginner
Updated
May 12, 2017
Duration
2h 16m
Table of contents
Description
Course info
Rating
(66)
Level
Beginner
Updated
May 12, 2017
Duration
2h 16m
Description

SharePoint has evolved a lot over the years, which has caused a fair amount of confusion. SharePoint Framework is the latest iteration of the Office developer story that offers modern client side development methodologies (node, typescript, etc.) applied to SharePoint and Office 365 development. In this course, SharePoint Framework - Getting Started, you'll be introduced to SharePoint Framework and learn how to efficiently utilize it in practice. First, you'll explore the underlying technologies and skills you need to work effectivly. Next, you'll learn about some of the core concepts, such as property panes, interacting with SharePoint, deploying, and bundling. Finally, you'll dive into some best practices. By the end of this course, you'll have a good overview of how to develop with SharePoint Framework, and an understanding of its values.

About the author
About the author

Sahil Malik has been a Microsoft MVP for the past 8 years, author of several books and numerous articles in both the .NET and SharePoint space, consultant and trainer who delivers talks at conferences internationally.

More from the author
More courses by Sahil Malik
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Hello. My name is Sahil Malik, and welcome to my course, SharePoint Framework -- Getting Started. The development story for the Office developer has not been a straight line. We have fought the demons of solution packages and the dungeons of Add-Ins and the App Model. We have wielded the power of script injection, while teaching ourselves newer and better technologies in an ever-changing landscape, and constantly provided better solutions to our customers. In the latest iteration of the Office developer story, SharePoint Framework offers modern technologies, Node-based development, TypeScript, etc. , applied to SharePoint and Office 365 development. In its V1 release, it targets Web Parts in Office 365 SharePoint sites, both classic and modern. This course gives you a beginner's look at SharePoint Framework, introducing you to the underlying technologies and skills you need, followed by concepts such as property panes, interacting with SharePoint, deploying and bundling, and finally, some best practices. At the end of this course, you'll have a good overview of the value of, and how to develop with SharePoint Framework. Thank you for watching.

An Introduction to SharePoint Framework
Welcome to SharePoint Framework -- Getting Started. My name is Sahil Malik, and in this course I'll be introducing you to the SharePoint Framework. Let's start with a quick overview of what I'll be talking about in this module. It is probably wise to look at the 30, 000-foot view of the various options we have when it comes to developing for SharePoint in Office 365 development as they stand today. Now, the development story for Office 365 and SharePoint has gone through various turns, and the newest turn in that is the SharePoint Framework. So the obvious next question is, why do we need yet another way to develop for SharePoint? Why do we need SharePoint Framework? Followed by the skills and tools you will need to follow along in this course.

Setting up Your Development Environment
Welcome to the second module, where I'll be helping you set up your development environment for SharePoint Framework, and also going over some basic background skills you need to follow along with this course. Now I won't be going very deep into those skills, like Node, npm, etc. , there are plenty of other Pluralsight courses that tackle those topics a lot better than this one, however, I'll be talking about the high-level basics that you need to understand to follow along with this course. So what exactly will I be talking about here? The important concepts I'll be covering are npm-based projects, things like webpack, Node-based development, modern dev, and I'll be talking about a very important tool called Yeoman, and SharePoint Framework uses Yeoman, so it's reasonable that we understand what that is. And then we'll wrap up by setting up your dev environment for SharePoint Framework. Now all the steps that I'm showing here I'll be demonstrating on a Windows 10 machine, but everything I'm doing here will work on a Mac or a Linux machine as well. Where there are some very minor differences, I'll be pointing those out as we go. So with that, let's go ahead and roll into our first demo.

Your First SharePoint Framework WebPart
Now that your dev environment is all set up to use SharePoint Framework, let's go ahead and write our first SharePoint Framework web part. So what are the important concepts I'll be covering in this module? Well, first let's go ahead and write our first Hello World web part. As a part of writing it, I will also walk you through the generated code, the important portions, the various configurability options, etc. What good is code that you write, but you can't debug, so we must learn how to debug the code that we write as well. You'll be debugging TypeScript, but how exactly does that work? We'll be seeing that. And then we'll be enhancing our code. One of the most common things we do with web parts is to add property panes. Property panes, if you're familiar with web parts, are the editor part, or the tool part if you've been with SharePoint for a very long time, so it's basically the same thing. It's a composable area on the right-hand side where you put the web part in an edit mode and then you can configure it at runtime, the end user can. So we'll be seeing how you can add that facility in your web parts. And then we'll be using SharePoint context to call SharePoint functionality. Now, let's be honest, it's called SharePoint Framework for a reason, it is designed to work with SharePoint. So it is quite reasonable to expect that it has some integration with SharePoint, so how do you make CSOM/REST calls using the SharePoint Framework? We'll check that out, and more, in this module.

Deploying and Shipping Your WebPart
Welcome to module 4, Deploying and Shipping Your Web Part. Well, so far we have written web parts that were working, but they were working only in the Workbench. That's not how users expect to use their web parts, they expect to be able to drop them and install them. So what are the important concepts I'll be talking about in this module? I'll be showing you how you can bundle and deploy your web part code, the same code you have written so far, in fact, I'm just going to go with a simple HelloWorld web part, but if you have any web part working on your machine you can follow along the steps just fine. As a part of demonstrating bundling and deploying your web part, you'll see that by default the project template renders everything from localhost. So that's not going to work, and therefore we need to leverage CDNs. So how do we set up a CDN, and how do we teach our project that it needs to point the SharePoint package bundle to use a CDN? We'll see that in this module.

Summary and Best Practices
Welcome to module 5. In this module, I'll discuss some summary and best practices. Now, this course is SharePoint Framework - Getting Started, so I wasn't able to cover every single detail that I'd like to cover, so I'll leave you with some summary and best practices and further reading, and we'll add more course, and if you're interested in learning more about SharePoint Framework you can check out those courses in the future. So let's start with a little outline of the various groups in which I have basically put these best practices into. I'll start by talking about lifecycle and versioning first. Now this is a very important topic, because you're not just going to just ship a web part and forget about it, how do you maintain it going forward, how does SemVer or even Node-based project versioning work, vis-a-vis, with SharePoint Framework web parts and solution versioning. So we'll talk a little bit about that, followed by, I'll talk a little bit about the choice of frameworks you pick, and little thoughts about the build process. Now I must say that what I'm about to share in this module summary and best practices is part personal experience, my personal experience in working with these projects, and part best practices that I've learned from things outside of SharePoint Framework as well, and of course, things that I've learned inside SharePoint Framework as well. And then finally, we'll end up a little bit with writing good code, because things like writing good JavaScript, or TypeScript in this case, is extremely important.