Belajar Programming SPFX untuk Sharepoint Online, Komplit!

Dalam kursus ini, pelajar bisa mem pahami bagaimana cara membuat aplikasi di Sharepoint dengan menggunakan SPFX dan React, mulai dari tahap awal, sampai pelajar mahir dalam coding sharepoint, dan siap untuk melakukan project Sharepoint.

Kursus ini terdiri dari hampir 11 jam video tutorial, yang pelajar dapat mengikuti satu-persatu.

Kursus ini terdiri dari:

1. Pengenalan SPFX

   1. Perkembangan programming di Sharepoint

   2. Feature-feature di SPFX

   3. Programming tool untuk SPFX

   4. Perjalanan programming dan deployment di SPFX

2. Installasi dan persiapan

   1. Versi SPFX yang perlu di install

   2. Installasi Node.Js

   3. Installasi Yeoman, Gulp, dan Visual Studio Code

   4. Registrasi Sharepoint Online

   5. Mengenal website administrasi di Sharepoint dan mengenal AppCatalog

3. Webpart

   1. Membuat project sederhana webpart HelloWorld

   2. File yang penting di project

   3. Membuat webpart lebih dari satu di dalam satu project

   4. Properti untuk webpart dan cara tambah properti

   5. Properti webpart standard di Sharepoint Out of the box

   6. Membuat beberapa halaman di Property Pane

   7. Melakukan validasi untuk properti webpart

   8. Membaca data tentang page, web, dan user

4. Menggunakan component di Property Pane

   1. PropertyPaneTextField

   2. PropertyPaneChoiceGroup

   3. PropertyPaneDropdown

   4. PropertyPaneButton

   5. PropertyPaneToggle

   6. PropertyPaneSlider

5. Shared Library

   1. Membuat library umum untuk webpart

   2. Test webpart memakai library di lokal

   3. Deploy webpart di Sharepoint Online/Office 365

6. Sharepoint List

   1. Pengenalan Sharepoint List

   2. Pengenalan Content Type, Site Column

   3. Membuat Sharepoint List otomatis dengan spfx (List Provisioning)

   4. Merubah definisi List dan deploy kembali perubahan ke Sharepoint Online, dan troubleshooting

7. Spfx dan React.Js

   1. Membuat project SPFX dengan React Framework

   2. Struktur project SPFX React

   3. Membuat komponen-komponen di React

   4. Properti/parameter di komponen React

   5. Properti yang opsional dan data default

   6. Manajemen State dan program Counter sederhana

   7. Dari React Component ke Functional Component

   8. Functional Component Hooks: UseEffect()

   9. Data sharing - Context API – Parent to Child

   10. Data sharing – Context API – Child to Parent

   11. Routing di React

   12. Destructuring

   13. Spreading (…props)

   14. Multiple interface

8. Melakukan CRUD dengan Rest API

   1. Pengenalan REST API untuk melakukan CRUD (Create-Read-Update-Delete)

   2. Grid List -Part 1: Mengambil data dari List Sharepoint

   3. Part 2: merubah data tanggal di grid

   4. Part 3: merubah data PeoplePicker/Name di grid

   5. Part 4: cara memanggil function yang lain di grid event

   6. Menambah data ke List Sharepoint (Create)

   7. Merubah data di List Sharepoint (Update)

   8. Menghapus data di List Sharepoint (Delete)