> ## Documentation Index
> Fetch the complete documentation index at: https://help.dingtalk.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Panduan Pengembang YiDA

> Pusat Pengembang untuk platform low-code DingTalk YiDA. Bangun sistem bisnis yang lebih kompleks dengan halaman kustom, API frontend, pustaka komponen, dan konektor.

DingTalk YiDA adalah platform pengembangan low-code dari Cloud DingTalk. Selain kemampuan dasar seperti formulir, alur kerja, dan laporan, YiDA juga menghadirkan pengalaman pengembangan **halaman kustom** yang jauh lebih fleksibel: pengembangan drag-and-drop WYSIWYG, kumpulan API frontend yang lengkap untuk seluruh siklus hidup aplikasi, akses langsung ke DingTalk JS-API, serta kustomisasi backend melalui konektor.

<Note>
  Jika Anda belum familier dengan kode dan ingin membangun halaman formulir, alur kerja, atau laporan dengan cepat, mulailah dari [Panduan Pengguna YiDA](/id/yida/intro/sbg6g2nsoxacis5y) untuk mempelajari kemampuan inti produk.
</Note>

## Jalur pembelajaran

<Steps>
  <Step title="Mulai" icon="landmark">
    <CardGroup cols={2}>
      <Card title="Tentang Pusat Pengembang" icon="circle-info" href="/id/open/yida/guide/about">
        Pelajari positioning, target pengguna, dan skenario penggunaan Pusat Pengembang.
      </Card>

      <Card title="Panduan cepat" icon="rocket" href="/id/open/yida/guide/start">
        Buat halaman kustom pertama Anda dari nol.
      </Card>

      <Card title="Glosarium" icon="book" href="/id/open/yida/guide/keywords">
        Kuasai terminologi inti pengembangan low-code.
      </Card>

      <Card title="Ikhtisar desainer" icon="palette" href="/id/open/yida/guide/designer">
        Kenali antarmuka dan kemampuan desainer halaman.
      </Card>
    </CardGroup>
  </Step>

  <Step title="Pelajari lebih lanjut" icon="crown">
    <CardGroup cols={2}>
      <Card title="Konsep inti" icon="lightbulb" href="/id/open/yida/guide/concept/state">
        Variabel global, API jarak jauh, siklus hidup, penanganan event, rendering kondisional, rendering berulang, validasi formulir, dan lainnya.
      </Card>

      <Card title="Referensi API" icon="code" href="/id/open/yida/api/about">
        YiDA JS-API, sumber data lintas aplikasi, DingTalk JS-API, dan Server-side Open API.
      </Card>

      <Card title="Tutorial lanjutan: TodoMVC" icon="graduation-cap" href="/id/open/yida/tutorial/todoMVC">
        Kuasai alur pengembangan halaman kustom end-to-end melalui contoh lengkap.
      </Card>

      <Card title="Pusat Contoh" icon="flask" href="https://www.aliwork.com/o/coc?from=developers_index_more">
        Coba demo langsung, seperti halaman manajemen data kustom dan aplikasi DingTalk Event.
      </Card>
    </CardGroup>
  </Step>

  <Step title="Komponen" icon="cubes">
    <CardGroup cols={2}>
      <Card title="Komponen tata letak" icon="table-columns" href="/id/open/yida/components/layout/container">
        Container, section container, dan tabs.
      </Card>

      <Card title="Komponen dasar" icon="shapes" href="/id/open/yida/components/basic/button">
        Tombol, ikon, teks, gambar, tautan, dialog, drawer, pemutar video, dan lainnya.
      </Card>

      <Card title="Komponen formulir" icon="pen-field" href="/id/open/yida/components/form/numberField">
        Komponen entri data seperti input angka, select, pilih banyak, dan dropdown.
      </Card>

      <Card title="Komponen Premium" icon="wand-magic-sparkles" href="/id/open/yida/components/advanced/table">
        Spreadsheet, pencarian, paginasi, step bar, progress bar, kontrol pohon, dan lainnya.
      </Card>
    </CardGroup>
  </Step>
</Steps>

## Komunitas dan dukungan

<CardGroup cols={2}>
  <Card title="Panduan Pengguna YiDA" icon="book-open" href="/id/yida/intro/sbg6g2nsoxacis5y">
    Kemampuan inti produk dan panduan penggunaan.
  </Card>

  <Card title="Panduan kontribusi dokumentasi" icon="code-pull-request" href="/id/open/yida/guide/contributing">
    Berkontribusi pada dokumentasi Pusat Pengembang.
  </Card>
</CardGroup>