Membuat sortable list seperti Trello

Belajar bagaimana cara membuat sortable list seperti Trello, kita bisa memindahkan daftar urutan atau grupnya dan nyimpen infonya di database langsung

Mulai Nonton Daftar Video

Detail Kelas

  • Trailer trello like list

    Trailer playlist membuat sortable list seperti trello

  • Sortable list like trello

    Kita akan mulai berkenalan dengan library sortable javascript dari rubaxa, untuk membuat sistem drag and drop menjadi lebih mudah

  • Group sort

    Sorting group! Selain setiap listnya, kita juga bisa dengan spesifik mengatur element apa yang bisa kita drag, agar tidak semua elemenya terkena efek ini

  • Mengambil data dari database

    Sambungkan daftar list dan group yang kita buat dengan database

  • Persiapan javascript untuk tujuan query akhir

    Sebelum kita mulai koding, biasakan mencatat apa tujuan akhir yang kita mau untuk mulai step-step kecil yang bisa dilakukan

  • Update urutan grup dengan ajax

    Mengupdate urutan grup pada backend yang selalu bisa kita ubah pada frontend

  • Update urutan per item

    Setelah grupnya, sekarang kita akan mulai mengupdate itemnya masing-masing

  • Memindahkan ke list lain

    Selain sorting list pada setiap grup, kita juga bisa memindahkan satu list ke list lainnya, bagaimana caranya mengatur ini pada sisi backend?

  • Kesalahan pada list

    Tugas kita belum selesai, tanpa kita sadari, ternyata potensi bug!