SAV2013: The Great SharePoint 2013 App Venture

Transcription

1 SHAREPOINT 2013 FOR DEVELOPERS 5 DAYS SAV2013: The Great SharePoint 2013 App Venture AUDIENCE FORMAT COURSE DESCRIPTION Professional Developers Instructor-led training with hands-on labs This 5-day course explores the techniques and strategies required to develop, test, debug and publish SharePoint Apps created using the new App Model introduced by SharePoint Students will learn about the strengths and weaknesses of the app hosting models including SharePointhosted apps and provider-hosted apps. Students will also learn about developing apps for both for a SharePoint 2013 on-premises environment as well as for SharePoint Online in the Office 365 environment. This course provides in-depth discussions and lab exercises to reinforce the development skills required for app development including programming with JavaScript, jquery, the SharePoint REST API and the Client-side Object Model (CSOM). Students will be exposed to a significant number of new, emerging technologies including the KnockoutJS library, the AngularJS Framework, ASP.NET MVC and the Web API. STUDENT PREREQUISITES Students will also learn how to create and manage access tokens in order to authenticate REST API calls and CSOM calls using the server-to-server (S2S) authentication protocol in on-premises environments and the industry-standard OAuth protocol in the Office 365 environment. Course Modules This course also teaches students how to manage the lifecycle of a SharePoint app in a SharePoint 2013 on-premises environment as well as in the Office 365 environment. Students will learn about the fundamentals of app packaging, app publishing, app installation and app versioning. The course teaches students how to publish SharePoint apps to an App Catalog to make them available where they can be installed by site administrators. It also covers how to install and configure SharePoint apps at tenancy-scope which can serve to lower the overhead of managing apps in a corporate network environment. Attendees should have professional development experience with Visual Studio, the.net Framework and ASP.NET. It is also recommended (but not required) that attendees have previous handson experience with the SharePoint platform as well as experience using HL5, CSS3, JavaScript and jquery. 1. The SharePoint App Model 2. JavaScript and jquery Primer 3. SharePoint-hosted Apps 4. Programming with REST and OData 5. Programming the SharePoint REST API 6. SharePoint Apps using Knockout 7. SharePoint Apps using AngularJS 8. Provider-hosted Apps 9. App Security and Authentication 10. CSOM Programming 11. SharePoint Apps with ASP.NET MVC 12. Creating Web Services with the Web API 13. Building Apps with SharePoint Services 14. Publishing, Installing and Upgrading Apps 15. for Office 365 and Windows Azure Info@CriticalPathTraining.com

2 MODULE 01: The SharePoint App Model The module examines the architecture and fundamental concepts of the new App Model which was introduced with the release of SharePoint Students will learn about the two hosting models for SharePoint apps which includes both SharePoint-hosted apps and provider-hosted apps. Students will learn the steps to get developing and testing SharePoint apps with Visual Studio 2013 in an SharePoint 2013 on-premises environment as well as in the SharePoint Online environment in Office 365. This introductory module concludes with a quick primer on creating a user interface design using HL5 and CSS3. Introduction to SharePoint Apps Overview of App Development SharePoint Apps using Visual Studio Working with Bootstrap and NuGet packages Hands-on Lab: Getting Started with SharePoint App Development Exercise 1: Creating a New Developer Site for Testing Exercise 2: Creating and Debugging a SharePoint-Hosted App Exercise 3: Creating and Debugging a Provider-Hosted App MODULE 02: JavaScript and jquery Primer This modules begins by reviewing essential concepts and syntax for JavaScript programming including working with functions, object, closures, prototypes and modules. Students will also be given a quick primer on leveraging the jquery library to achieve higher levels of productivity when programming with JavaScript. The last section of this module discusses how to create more sophisticated user interface designs using the jquery UI library. JavaScript Programming Writing Reusable JavaScript Libraries The jquery Library with the jquery UI Library Hands-on Lab: Programming with JavaScript and the jquery Library Exercise 1: Adding client-side behavior to pages using JavaScript and jquery Exercise 2: Using jquery to Dynamically Create HL Elements Exercise 3: Making AJAX Calls using the jquery Library MODULE 03: SharePoint-hosted Apps This module provides an in-depth examination of the supporting architecture for SharePoint-hosted apps. Students will learn about the role of the app web and how to design the user interface for an app start page. Students will also learn how to leverage the app web as a storage container for creating lists and document libraries that are private to the app. The module concludes with a discussion of how to develop and test app parts in the host web where the app is installed. SharePoint-hosted App Architecture Understanding the App Web User Interface Design Techniques App Parts Adding UI Custom Actions Hands-on Lab: App Parts in a SharePoint-hosted App Exercise 1: Creating the Hello World App Part Exercise 2: Creating an App Web with Custom Properties

3 MODULE 04: Programming with REST and OData This module introduces the essential concepts and programming techniques required to call web services that have been created according the principles of REST and the OData protocol. Students will learn how to create the URIs required to execute queries against an OData service that involve selecting columns, filtering and ordering. Students will also learn how to leverage the jquery library to execute client-side calls and to manage OData results. REST and OData Primer Creating an OData Service using WCF Executing OData Queries Client-side OData Programming using jquery Hands-on Lab: Implementing and Consuming an ODATA Service Exercise 1: Create and Populate the Wingtip CRM Database in SQL Server Exercise 2: Create an IIS Website to Host a Web Service Exercise 3: Create an OData Service using the Entity Framework and WCF Exercise 4: Execute OData Queries using the Browser Exercise 5: Write JavaScript Code to Consume an OData Data Source MODULE 05: Programming the SharePoint REST API This module examines the new SharePoint REST API that is introduced in SharePoint Students will learn how to create REST URIs to target SharePoint objects such as sites, lists and list items. Students will also learn about the SharePoint-specific issues such as dealing with ETags and the request digest as well as passing the list item type whenever adding or updating a list item. Understanding the MVVM Pattern Introduction to the Knockout JavaScript Library Understanding Observable Objects Creating Declarative Bindings Creating SharePoint Apps using Knockout Hands-on Lab: Programming with the SharePoint REST API Exercise 1: Getting the SharePointCRM Starter Project Up and Running Exercise 2: Querying a SharePoint List using the SharePoint REST API Exercise 3: Adding and Deleting Items with the SharePoint REST API Exercise 4: Updating Existing Items with the SharePoint REST API MODULE 06: SharePoint Apps using Knockout This module introduces the concepts and techniques involved in using the Model-View-ViewModel (MVVM) pattern in SharePoint apps development. Students will learn how to use the MVVM pattern to make the JavaScript code in large SharePoint development projects easier to manage and update over time. Students will also learn to use MVVM together with the Knockout JavaScript library to create SharePoint apps that leverage declarative bindings and templating support. Understanding the MVVM Pattern Introduction to the Knockout JavaScript Library Understanding Observable Objects Creating Declarative Bindings Creating SharePoint Apps using Knockout Hands-on Lab: a SharePoint App using Knockout.js Exercise 1: Reviewing the Starter Solution Exercise 2: Coding the Data Library Exercise 3: Coding the Model Library Exercise 4: Coding the View Model Exercise 5: Coding the Default.aspx Page Exercise 6: Coding the AddContact.aspx Page Exercise 7: Coding the EditContact.aspx Page Exercise 8: Testing the App

4 MODULE 07: SharePoint Apps using AngularJS This module provides an introduction to the AngularJS Framework. Students will learn what features the framework provides as well as in which scenarios it makes sense to use it. You will learn essential concepts including the MVC pattern, Angular directives and view bindings. You will also learn how to use the AngularJS Framework in a SharePoint-hosted app by creating controllers and programming with the $scope object to pass data from a controller to a view. Introduction to AngularJS Directives and Modules Routes, Views and Controllers Angular Services Hands-on Lab: a SharePoint App using Angular JS Exercise 1: Reviewing the Starter Solution Exercise 2: Coding App.js Library Exercise 3: Coding the Home Controller Exercise 4: Coding the New Controller Exercise 5: Testing the App MODULE 08: Provider-hosted Apps The module begins with an in-depth examination of the architecture of a provider-hosted app. Student will learn how to create a user interface experience in the pages of the remote web using a customer master page and the SharePoint 2013 Chrome Control. The module discusses how to write and test server-side code which leverages ASP.NET and the libraries of the.net Framework. Student will learn how to create remote event receivers as well as how to implement the remote web of a provider-hosted app in Visual Studio 2012 using an ASP.NET MVC4 project. Getting Started with Provider-hosted Apps User Interface Design for the Remote Web Remote Event Receivers Using the Cross Domain Library Hands-on Lab: and Debugging a Provider-hosted App Exercise 1: Creating an Provider-hosted App Project in Visual Studio 2013 Exercise 2: Creating a Multi-page User Interface using the SharePoint Chrome Control Exercise 3: Interacting with Data in a Provider Hosted App Exercise 4: Customizing the Application with a new Client Web Part MODULE 09: App Security and Authentication This module examines how to develop provider-hosted apps with a server-to-server (S2S) trust in a SharePoint 2013 on-premises environment. Student will learn how to create a test certificate and how to configure an S2S trust. Student will also learn how to create a provider-hosted app project that uses an S2S trust which makes it possible to execute authenticated web service calls back to the SharePoint host environment. The module also includes a discussion of using the TokenHelper class to create access tokens and pass them to the SharePoint host when making authenticated calls. App Security Overview Configuring App Permissions Understanding App Security Principals Server-to-Server (S2S) Trust Configuration Programming with Access Tokens App Authentication using OAuth Hands-on Lab: Configuring App Permissions and S2S Authentication Exercise 1: Setup Lab Environment Exercise 2: Create a SharePoint-Hosted App that Requires Custom Permissions Exercise 3: Create a Test Certificate for Working with S2S Trusts Exercise 4: Create a S2S High Trust SharePoint Provider-Hosted App

5 MODULE 10: CSOM Programming This module introduces students to programming with the Client-side Object Model (CSOM) in SharePoint Emphasis will be placed on writing server-side C# code in the remote web using CSOM and executing queries efficiently. Student will learn how to leverage CSOM to create lists and document libraries in the host web during app installation. Students will also learn how to use CSOM to register remote event receivers to add behaviors to list and document libraries that have been created in the host web. Getting Started with the CSOM Optimizing the Execution of CSOM Queries Creating Lists and Document Libraries Registering Remote Event Receivers Hands-on Lab: Programming a Provider-hosted App using the CSOM Exercise 1: Make Sure the S2S Configuration on Your VM is Setup Correctly Exercise 2: Create a Provider-hosted App that Uses CSOM Exercise 3: Program CSOM to Query the Set of Lists in the Host Web Exercise 4: Using CSOM to Create a List in the Host Web MODULE 11: SharePoint Apps with ASP.NET MVC The module begins with an in-depth examination of the architecture of the ASP.NET MVC Framework provided by ASP.NET and Visual Studio Students will learn the essential concepts and programming techniques involved with creating MVC controllers and MVC views as well as how to integrate these MVC components into a project for a SharePoint Provider-hosted App. Students will also learn about creating and integrating a strongly-typed MVC model which makes it much easier and error proof to create an MVC view. Introduction to MVC Controllers and Views Using Strongly-typed Models MVC in SharePoint App Development Hands-on Lab: Provider-hosted Apps with MVC5 Exercise 1: Creating a Provider-Hosted App that uses the MVC Framework Exercise 2: Creating a Multipage User Interface in an MVC App Exercise 3: Tracking SharePoint State using an ASP.NET Session Object Exercise 4: Accessing a SQL Server Database using a Strongly-typed Controller Class MODULE 12: Creating Web Services with the Web API The module provides an introduction to the techniques and concepts required to develop custom web services using the Web API. Students will learn how to create API Controllers as well as how to call API Controllers from client-side code on the pages of an MVC App. Students will learn the difference between implementing a RESTful service and an OData service with the Web API. The module concludes with an examination of using Cross Origin Resource Sharing (CORS) with the Web API in a provider-hosted app. Introducing WebAPI Calling API Controllers from MVC Apps Creating a RESTful Service Creating an OData Service Using Cross-Origin Resource Sharing Hands-on Lab: Custom RESTful Services with Web API Exercise 1: Create a RESTful Service Exercise 2: Testing the OData Service with Fiddler Exercise 3: Create a SharePoint-Hosted App

6 MODULE 13: Building Apps with SharePoint Services This module discusses how to incorporate SharePoint 2013 services into the design and implementation of a SharePoint App. You will learn how to create SharePoint Apps that consume services from the Business Data Connectivity Services (BCS), the Secure Store Service the Managed Metadata Service, the User Profile Service and the SharePoint Search Service. SharePoint Services Overview User Profile Service Managed Metadata Service SharePoint Search Service Business Connectivity Services (BCS) Hands-on Lab: Apps with SharePoint Services Exercise 1: Setup Lab Environment Exercise 2: Programming with User Profiles Exercise 3: Executing Queries against the SharePoint Search Service Exercise 4: Creating an App that uses the Business Connectivity Service (BCS) MODULE 14: Publishing, Installing and Upgrading Apps This module discusses how to manage the lifecycle of a SharePoint app in a production environment. Students will learn how to create an App Catalog site and how to publish SharePoint apps. Student will also learn about the differences between site-scoped app installation and tenancyscoped app installation. The module concludes with a discussion of app versioning and strategies for evolving the behavior of an app over time. Creating the App Catalog Publishing Apps in the App Catalog Installing and Upgrading Apps Deploying Provider-hosted Apps Hands-on Lab: App Deployment, Installation and Upgrade Exercise 1: Setup Lab Environment Exercise 2: Creating an App Catalog Site Collection Exercise 3: Package and Deploy a SharePoint-Hosted App Exercise 4: Install a SharePoint Hosted App at the Tenancy Scope Exercise 5: Deploy an App Update Exercise 6: Deploy a Provider-Hosted App in an On-premises Environment Module 15: for Office 365 and Windows Azure This module introduces students to developing apps for the Office 365 environment. Understanding the O365 and Azure Relationship Working with SharePoint App Principals Understanding OAuth in SharePoint 2013 Using the O365 APIs Hands-on Lab: Provider-hosted Apps with Azure and O365 Exercise 1: Obtain Office 365 and Azure subscriptions Exercise 2: Create a Provider-Hosted App Exercise 3: Access a Database using MVC5 Exercise 4: Deploy the App to Production v Info@CriticalPathTraining.com