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:
Pengenalan SPFX
Perkembangan programming di Sharepoint
Feature-feature di SPFX
Programming tool untuk SPFX
Perjalanan programming dan deployment di SPFX
Installasi dan persiapan
Versi SPFX yang perlu di install
Installasi Node.Js
Installasi Yeoman, Gulp, dan Visual Studio Code
Registrasi Sharepoint Online
Mengenal website administrasi di Sharepoint dan mengenal AppCatalog
Webpart
Membuat project sederhana webpart HelloWorld
File yang penting di project
Membuat webpart lebih dari satu di dalam satu project
Properti untuk webpart dan cara tambah properti
Properti webpart standard di Sharepoint Out of the box
Membuat beberapa halaman di Property Pane
Melakukan validasi untuk properti webpart
Membaca data tentang page, web, dan user
Menggunakan component di Property Pane
PropertyPaneTextField
PropertyPaneChoiceGroup
PropertyPaneDropdown
PropertyPaneButton
PropertyPaneToggle
PropertyPaneSlider
Shared Library
Membuat library umum untuk webpart
Test webpart memakai library di lokal
Deploy webpart di Sharepoint Online/Office 365
Sharepoint List
Pengenalan Sharepoint List
Pengenalan Content Type, Site Column
Membuat Sharepoint List otomatis dengan spfx (List Provisioning)
Merubah definisi List dan deploy kembali perubahan ke Sharepoint Online, dan troubleshooting
Spfx dan React.Js
Membuat project SPFX dengan React Framework
Struktur project SPFX React
Membuat komponen-komponen di React
Properti/parameter di komponen React
Properti yang opsional dan data default
Manajemen State dan program Counter sederhana
Dari React Component ke Functional Component
Functional Component Hooks: UseEffect()
Data sharing - Context API – Parent to Child
Data sharing – Context API – Child to Parent
Routing di React
Destructuring
Spreading (…props)
Multiple interface
Melakukan CRUD dengan Rest API
Pengenalan REST API untuk melakukan CRUD (Create-Read-Update-Delete)
Grid List -Part 1: Mengambil data dari List Sharepoint
Part 2: merubah data tanggal di grid
Part 3: merubah data PeoplePicker/Name di grid
Part 4: cara memanggil function yang lain di grid event
Menambah data ke List Sharepoint (Create)
Merubah data di List Sharepoint (Update)
Menghapus data di List Sharepoint (Delete)
5
46
TAKE THIS COURSE