فریمورک شیرپوینت (SPFx) به توسعه دهندگان اجازه می دهد SharePoint Online و SharePoint را از طریق قسمت های وب یا extensions گسترش دهد.  در این دوره با بررسی  تکنولوژی های toolchain مانند Node.js، npm، Gulp TypeScript، Webpack، Yeoman، Sass و غیره، نحوه نوشتن کد Node.js، تصاویر bundle، اپلیکیشن ها و CSS با webpack، استفاده از از ژنراتورهای Yeoman، ادغام TypeScript و Sass، راه اندازی محیط توسعه کامل SPFx آشنا می شوید.

سرفصل:

  • معرفی
  • چیزی که باید بدانید
  • استفاده از فایل های تمرین
  • اصول اولیه
  • مقدمه ای برای SPFx
  • مفاهیم اساسی مهم برای یادگیری
  • Node.js و npm
  • مقدمه ای بر Node.js و npm
  • نصب Node.js
  • به روز رسانی npm
  • نصب Yarn
  • ایجاد یک پروژه مبتنی بر گره
  • استفاده از Yarnبرای نصب وابستگی ها
  • نوشتن کد و اسکریپت Node.js
  • webpack
  • مقدمه و نیاز به webpack
  • یک مثال شکست وب سایت ساده با webpack
  • مثال از webpack که مشکل اسکریپت های وابسته را حل می کند
  • از webpack.config.js استفاده کنید
  • استفاده از webpack برای bundle CSS
  • استفاده از webpack برای تصاویر bundle
  • برای ایجاد نسخه های توزیع شده از برنامه ما از webpack استفاده کنید
  • Yeoman
  • Yeoman چیست؟
  • جستجو برای ژنراتورهای Yeoman
  • نصب ژنراتور و ایجاد اپلیکیشن
  • استفاده از ژنراتور Yeoman که به صورت محلی نصب شده باشد
  • TypeScript
  • TypeScript چیست؟
  • یک پروژه ساده TypeScript را تنظیم کنید
  • transpilation و sourcemaps تایپ اسکریپت
  • بررسی TypeScript type و فایل های .d.ts
  • ماژول های تایپ اسکریپت و تغییر نام ماژول ها
  • کلاس های TypeScript کلاس ES3 و  ES2015
  • Sass
  • Sass چیست؟
  • متغیرهای Sass
  • Sass mixins
  • Sass extends
  • Sass nesting
  • Sass operations
  • توابع Sass
  • توابع سفارشی Sass
  • واردات ساس
  • راه اندازی محیط  SPFx Dev
  • راه اندازی Office 365 tenancy
  • نصب Node.js، Yarn و npm
  • نصب Yeoman و gulp
  • نصب ویژوال استودیو کد
  • نصب ژنراتور SPFx Yeoman به صورت محلی
  • نصب ژنراتور SPFx Yeoman به صورت جهانی
  • استفاده از Yarn برای نصب وابستگی های پروژه با SFPx
  • نتیجه
  • مراحل بعدی
  • منابع SPFx