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

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!