آموزش ساخت برنامه های SharePoint به عنوان برنامه های تک صفحه با AngularJS

سرفصل ها و درس ها

معرفی و بررسی اجمالی دوره Course Introduction and Overview

• معرفی دوره Course Introduction

• بررسی اجمالی دوره Course Overview

• این دوره برای چه کسی است؟ Who is this Course For?

• برنامه میزبانی شده SharePoint چیست؟ What is a SharePoint Hosted App?

• برنامه Single Page چیست؟ What is a Single Page App?

• مزایای برنامه های میزبانی شده SharePoint به عنوان برنامه های تک صفحه Benefits of SharePoint Hosted Apps as Single Page Apps

• ما قصد داریم چه چیزی بسازیم؟ What are we Going to Build?

• بررسی اجمالی ماژول دوره Course Module Overview

• منابع اضافی Additional Resources

راه اندازی پروژه برنامه SharePoint برای SPA Setting Up the SharePoint App Project for a SPA

• مقدمه Introduction

• DEMO: پروژه شروع را بررسی کنید DEMO: Examine the Starting Project

• DEMO: افزودن منابع شخص ثالث DEMO: Adding 3rd Party References

• DEMO: افزودن اجزای Core AngularJS DEMO: Adding Core AngularJS Components

• DEMO: افزودن اجزای پیکربندی SPA DEMO: Adding SPA Configuration Components

• DEMO: افزودن قطعات مسیریابی SPA DEMO: Adding SPA Routing Components

• DEMO: افزودن قطعات رایج SPA DEMO: Adding SPA Common Components

• DEMO: افزودن اجزای سازنده SPA DEMO: Adding SPA Logger Components

• DEMO: به روزرسانی برنامه UX میزبان SharePoint DEMO: Updating the SharePoint-Hosted App UX

• DEMO: تبدیل برنامه SharePoint Chrome به کنترل کننده AngularJS DEMO: Converting SharePoint App Chrome to AngularJS Controller

• DEMO: افزودن پوسته برنامه DEMO: Adding the App Shell

• DEMO: افزودن متغیرهایی View و Controller DEMO: Adding View and Controller Placeholders

• خلاصه و خلاصه Summary and Recap

ساخت برنامه های میزبان SharePoint به عنوان یک برنامه تک صفحه Building SharePoint Hosted Apps as a Single Page App

• مقدمه Introduction

• DEMO: بررسی URL برنامه DEMO: Examining the App URL

• DEMO: ایجاد برنامه راه انداز DEMO: Create App Launcher

• DEMO: اضافه کردن پشتیبانی خواندن و نوشتن کوکی به برنامه DEMO: Adding Cookie Read-Write Support to the App

• DEMO: سرویس SharePoint Context AngularJS را ایجاد کنید DEMO: Create the SharePoint Context AngularJS Service

• DEMO: تست راه انداز برنامه و راه های رفع مشکل DEMO: Testing the App Launcher and Fixup Paths

• DEMO: مسیر پیش فرض را برای داشبورد برنامه پیاده سازی کنید DEMO: Implement a Default Route for an App Dashboard

• DEMO: پیاده سازی پویا را در راه اندازی سریع اجرا کنید DEMO: Implement Dynamic Navigation in the Quick Launch

• DEMO: افزودن اعلان شلوغ (با نام مستعار: کار بر روی آن) DEMO: Adding Busy Notification (aka: Working on It)

• DEMO: Refactoring Header for Dynamic Breadcrumbs DEMO: Refactoring the Header for Dynamic Breadcrumbs

• DEMO: پیاده سازی لیست مسیر یادگیری با داده های نمونه DEMO: Implementing Learning Path List with Sample Data

• DEMO: پیاده سازی جزئیات مسیر یادگیری با داده های نمونه DEMO: Implementing Learning Path Detail with Sample Data

• DEMO: برای تجربه بهتر کاربر ، انیمیشن اضافه کنید DEMO: Add Animations for a Better User Experience

• خلاصه و خلاصه Summary and Recap

تلفیق داده های زنده با استفاده از Raw SharePoint REST API Incorporating Live Data Using Raw SharePoint REST API

• مقدمه Introduction

• DEMO: مدل های جدید را به برنامه معرفی کنید DEMO: Introduce New Models to the App

• DEMO: افزودن زمینه داده به برنامه DEMO: Adding a Data Context to the App

• DEMO: برای دریافت مسیرهای یادگیری از سرویس $ http AngularJS استفاده کنید DEMO: Use AngularJS' $http Service to Get Learning Paths

• DEMO: سرویس دلخواه REST دوستانه AngularJS را اضافه کنید DEMO: Add AngularJS' $resource REST-friendly Service

• DEMO: برای دریافت یک مسیر یادگیری از $ource Service استفاده کنید DEMO: Use $resource Service to Get One Learning Path

• DEMO: رسیدگی به شرایط اعتبار سنجی فرم SharePoint DEMO: Dealing with SharePoint's Form Validation Requirement

• DEMO: به روزرسانی مسیرهای یادگیری با منبع $ DEMO: Updating Learning Paths with $resource

• DEMO: حذف مسیرهای یادگیری با منبع $ DEMO: Deleting Learning Paths with $resource

• DEMO: ایجاد مسیرهای یادگیری با منبع $ DEMO: Creating Learning Paths with $resource

• DEMO: تلفیق داده های زنده در یادگیری موارد DEMO: Incorporating Live Data into Learning Items

• خلاصه و خلاصه Summary and Recap

تلفیق داده های زنده با استفاده از Breeze و SharePoint REST API Incorporating Live Data Using Breeze and the SharePoint REST API

• بررسی اجمالی دوره Course Overview

• چرا نسیم؟ یک مرور کلی Why Breeze? An Overview

• DEMO: بسته های Breeze NuGet را اضافه کنید DEMO: Add Breeze NuGet Packages

• DEMO: زمینه داده های باتلاق از Angular به Breeze DEMO: Swamp Data Contexts from Angular to Breeze

• DEMO: پیکربندی نسیم برای SharePoint REST API DEMO: Configure Breeze for SharePoint's RESTA API

• DEMO: فراداده SharePoint را برای Breeze's MetadataStore تعریف کنید DEMO: Define SharePoint's Metadata for Breeze's MetadataStore

• DEMO: استفاده از Breeze برای بدست آوردن بسیاری و یک موجودیت DEMO: Using Breeze to Get Many and One Entity

• DEMO: استفاده از نسیم برای به روزرسانی موارد DEMO: Using Breeze to Update Items

• DEMO: استفاده از نسیم برای ایجاد موارد DEMO: Using Breeze to Create Items

• DEMO: استفاده از نسیم برای حذف موارد DEMO: Using Breeze to Delete Items

• DEMO: آدرس دهی به لیست های رابطه ای DEMO: Addressing Relational Lists

• DEMO: افزودن اعتبار سنجی داده های سمت مشتری با Breeze DEMO: Adding Client-Side Data Validations with Breeze

• خلاصه و خلاصه Summary and Recap

گنجاندن خدمات SharePoint در SPA Incorporating SharePoint Services into the SPA

• مقدمه Introduction

• DEMO: گردش کار تأیید جدید را مرور کنید DEMO: Review the New Approval Workflow

• DEMO: ایجاد یک سرویس جدید AngularJS گردش کار SharePoint DEMO: Creating a New SharePoint Workflow AngularJS Service

• DEMO: فرم شروع گردش کار را در SPA پیاده سازی کنید DEMO: Implement a Workflow Initiation Form in the SPA

• DEMO: رابط کاربری را برای شروع و نمایش وضعیت گردش کار به روز کنید DEMO: Update the User Interface to Start and Show Workflow Status

• خلاصه و خلاصه Summary and Recap