MyPage is a personalized page based on your interests.The page is customized to help you to find content that matters you the most.

I'm not curious

Building SharePoint Apps as Single Page Apps with AngularJS

Course Summary

Microsoft introduced a new app model in the SharePoint 2013 release, which is available both for on-premise deployments and in the hosted service Office 365. One type of SharePoint app developers can build is a SharePoint-hosted application where everythi

  • +

    Course Syllabus

    ● Course Introduction and Overview
        ◦ Course Introduction
        ◦ Course Overview
        ◦ Who is this Course For?
        ◦ What is a SharePoint Hosted App?
        ◦ What is a Single Page App?
        ◦ Benefits of SharePoint Hosted Apps as Single Page Apps
        ◦ What are we Going to Build?
        ◦ Course Module Overview
        ◦ Additional Resources
    ● Setting Up the SharePoint App Project for a SPA
        ◦ Introduction
        ◦ DEMO: Examine the Starting Project
        ◦ DEMO: Adding 3rd Party References
        ◦ DEMO: Adding Core AngularJS Components
        ◦ DEMO: Adding SPA Configuration Components
        ◦ DEMO: Adding SPA Routing Components
        ◦ DEMO: Adding SPA Common Components
        ◦ DEMO: Adding SPA Logger Components
        ◦ DEMO: Updating the SharePoint-Hosted App UX
        ◦ DEMO: Converting SharePoint App Chrome to AngularJS Controller
        ◦ DEMO: Adding the App Shell
        ◦ DEMO: Adding View and Controller Placeholders
        ◦ Summary and Recap
    ● Building SharePoint Hosted Apps as a Single Page App
        ◦ Introduction
        ◦ DEMO: Examining the App URL
        ◦ DEMO: Create App Launcher
        ◦ DEMO: Adding Cookie Read-Write Support to the App
        ◦ DEMO: Create the SharePoint Context AngularJS Service
        ◦ DEMO: Testing the App Launcher and Fixup Paths
        ◦ DEMO: Implement a Default Route for an App Dashboard
        ◦ DEMO: Implement Dynamic Navigation in the Quick Launch
        ◦ DEMO: Adding Busy Notification (aka: Working on It)
        ◦ DEMO: Refactoring the Header for Dynamic Breadcrumbs
        ◦ DEMO: Implementing Learning Path List with Sample Data
        ◦ DEMO: Implementing Learning Path Detail with Sample Data
        ◦ DEMO: Add Animations for a Better User Experience
        ◦ Summary and Recap
    ● Incorporating Live Data Using Raw SharePoint REST API
        ◦ Introduction
        ◦ DEMO: Introduce New Models to the App
        ◦ DEMO: Adding a Data Context to the App
        ◦ DEMO: Use AngularJS' $http Service to Get Learning Paths
        ◦ DEMO: Add AngularJS' $resource REST-friendly Service
        ◦ DEMO: Use $resource Service to Get One Learning Path
        ◦ DEMO: Dealing with SharePoint's Form Validation Requirement
        ◦ DEMO: Updating Learning Paths with $resource
        ◦ DEMO: Deleting Learning Paths with $resource
        ◦ DEMO: Creating Learning Paths with $resource
        ◦ DEMO: Incorporating Live Data into Learning Items
        ◦ Summary and Recap
    ● Incorporating Live Data Using Breeze and the SharePoint REST API
        ◦ Course Overview
        ◦ Why Breeze? An Overview
        ◦ DEMO: Add Breeze NuGet Packages
        ◦ DEMO: Swamp Data Contexts from Angular to Breeze
        ◦ DEMO: Configure Breeze for SharePoint's RESTA API
        ◦ DEMO: Define SharePoint's Metadata for Breeze's MetadataStore
        ◦ DEMO: Using Breeze to Get Many and One Entity
        ◦ DEMO: Using Breeze to Update Items
        ◦ DEMO: Using Breeze to Create Items
        ◦ DEMO: Using Breeze to Delete Items
        ◦ DEMO: Addressing Relational Lists
        ◦ DEMO: Adding Client-Side Data Validations with Breeze
        ◦ Summary and Recap
        ◦ Incorporating SharePoint Services into the SPA
        ◦ Introduction
        ◦ DEMO: Review the New Approval Workflow
        ◦ DEMO: Creating a New SharePoint Workflow AngularJS Service
        ◦ DEMO: Implement a Workflow Initiation Form in the SPA
        ◦ DEMO: Update the User Interface to Start and Show Workflow Status
        ◦ Summary and Recap


Course Fee:
USD 29

Course Type:


Course Status:



1 - 4 hours / week

Attended this course?

Back to Top

Awards & Accolades for MyTechLogy
Winner of
Top 100 Asia
Finalist at SiTF Awards 2014 under the category Best Social & Community Product
Finalist at HR Vendor of the Year 2015 Awards under the category Best Learning Management System
Finalist at HR Vendor of the Year 2015 Awards under the category Best Talent Management Software
Hidden Image Url

Back to Top