This demo-heavy course covers everything you need to know to get started building SharePoint-Hosted Apps that work with SharePoint 2013, SharePoint 2016 or SharePoint Online. We start with a general overview of SharePoint Apps. This is followed by a look at the SharePoint-hosted App tooling in Visual Studio and Napa. Additional topics include: provisioning resources to SharePoint, user interface options for SharePoint-hosted Apps, and how to deploy your apps to your organizations App Catalog.
Sample Course Clips:
Course Contents:
- Introduction and Architecture
- Introduction
- SharePoint App Model
- Types of SharePoint Apps
- Apps vs Add-Ins
- Prerequisites
- Environment
- Configuring SharePoint to Support Apps
- Host Web and App Web
- App URLs, Identity and Isolation (see above for sample video)
- User and App Permissions
- App Web Limitations
- Important External Resources
- Agenda
- Understanding the Visual Studio Tooling and API Options
- Introduction
- Office Developer Tools for Visual Studio
- Visual Studio Project Template
- Accessing App Web Resources using the REST API
- Accessing App Web Resources using CSOM
- Query String Parameters
- Accessing Host Web Resources using the REST API
- Accessing Host Web Resources using CSOM
- App Permission Requests
- Accessing App Web Resources from the Host Web
- Summary
- Building SharePoint-hosted Apps using Napa
- Introduction
- Building SharePoint-hosted Apps using Napa
- Exporting Napa Projects to Visual Studio
- Summary
- Provisioning Resources to the App Web
- Introduction
- Provisioning with CAML
- Provisioning with JavaScript
- Provisioning with JavaScript – Is Provisioning Required?
- Provisioning with JavaScript – Checking User Permissions
- Provisioning with JavaScript – Creating a List
- Provisioning with JavaScript – Adding Fields to the List
- Provisioning with JavaScript – Populating the List
- Provisioning with JavaScript – Completing the Process
- Summary
- Provisioning Resources to the Host Web
- Introduction
- Remote Provisioning
- Provisioner – Review the Process
- Provisioner – Updating app.js
- Provisioner – Targeting to the Host Web
- Provisioner – Updating provisioner.js
- Provisioning Files
- Examining the Web Part Files
- Provisioning the Web Part Files
- Improving the Web Part
- Deleting the Web Part Files
- App Web vs Host Web
- Building Full Page Apps
- Introduction
- Browsing Products – The Knockout App Starting Point
- Office UI Fabric (see above for sample video)
- Adding the Edit Page
- Page Navigation and the Standard Tokens
- Implementing the Edit Page
- Using Web Parts and Server Controls
- Summary
- This modules demonstrates how to build and Client Web Parts (App Parts)
- Introduction
- Hello World Part 1
- Hello World Part 2 (see above for sample video)
- Building the User Interface
- Calling the Web Service
- Resizing the Web Part
- Client Web Part Settings
- Summary
- Building Custom Actions
- Introduction
- Review the Project Starting Point
- Implementing the Menu Item Custom Action
- Implementing the Ribbon Custom Action
- Changing the Images Used in the Ribbon Custom Action
- Opening the Target Page in a Dialog
- Summary
- Options for App Deployment
- Introduction
- The App Manifest
- The App Package
- The App Catalog
- Deploying Apps to the App Catalog
- Sideloading Apps
- Tenant-scoped Deployment
- Installing Apps from the End-user Perspective
- Summary