Proyek Sederhana Svelte - Todo App
Di course ini akan dibahas pengenalan svelte dan mini project yang akan dibuat (todo app) untuk dapat memahami tentang Svelte
Tentang Kelas
Dalam kelas online ini kamu akan belajar langkah demi langkah dasar-dasar Svelte dengan disertakan mini project. Materi belajar telah disusun sedemikian rupa agar kamu mudah dalam memahaminya.
Tujuan Umum dan Khusus Pelatihan
- Di akhir pelatihan, peserta dapat mengenal langkah-langkah membuat Proyek Sederhana Svelte - Todo App
- Dapat mempraktikan dasar-dasar membuat Proyek Sederhana Svelte - Todo App
- Dapat merangkumkan cara membuat Proyek Sederhana Svelte - Todo App
Silabus
- Topik 1: Belajar Svelte - Membuat Todo App
Jenis Pekerjaan Kelas ditujukan bagi siapa saja yang ingin berkarir menjadi seorang programmer
Metode Ajar
- Online Self-paced Learning
- Siswa dapat menentukan sendiri waktu belajarnya
Fasilitas Pengajaran
- Materi disediakan berupa video
- Forum tanya jawab: Forum digunakan apabila siswa mendapatkan kendala saat belajar, dan akan dibalas oleh tim support CodePolitan
- Grup telegram: Berisi member CodePolitan Evaluasi pembelajaran: Ujian di akhir modul dan ujian di akhir kelas Sertifikat kelulusan
Peralatan Belajar Siswa
- Siswa wajib memiliki akses internet melalui komputer yang menggunakan Windows/Mac/Linux
- Spesifikasi minimal komputer milik siswa: Sistem operasi : Windows, Linux, atau MacOS. Prosesor : Intel Dual Core (Rekomendasi Core i3 ke atas). RAM : 1GB (Rekomendasi 2GB). Resolusi layar : 1366 x 768 (Rekomendasi Full HD 1920 x 1080)
- Software: Browser (tidak ada preferensi khusus)
Daftar Materi
| Pengenalan | 01:35 | |
| Memulai Proyek Svelte | 09:56 | |
| Tag HTML Pada Svelte | 03:03 | |
| Unused export property & Unused CSS Selector Svelte | 02:42 | |
| Menggunakan CSS Framework | 04:16 | |
| Membuat Box List Todo | 06:09 | |
| Membuat Todo Card | 03:41 | |
| Components dan Props | 08:03 | |
| List / Each Block pada Svelte | 06:05 | |
| List Array of Object | 03:49 | |
| Binding dan Reactivity Svelte | 06:35 | |
| Event Handlers dan Reactivity Array | 06:50 | |
| Membuat CardList Component | 07:27 | |
| Pengenalan Component Events | 05:47 | |
| Implementasi Component Events | 07:40 | |
| Conditional Rendering | 10:13 | |
| Fungsi Menghapus Kartu Todo | 11:23 | |
| Fungsi Memindahkan Kartu Todo | 14:57 | |
| Menggunakan Local Storage | 12:30 | |
| Efek Transisi | 04:16 |
Penyusun Materi
Bagus Budi Cahyono
Back End Developer at Bibit.id
Testimoni Oleh Siswa
(174 reviews)
Yuda Adiatma Nugraha
Senin, 26 Oktober 2026 pukul 05.04
Kelas ini sangat membantu untuk memahami Svelte lewat proyek nyata. Materinya runtut, dari komponen dan props, each block, binding, reactivity, component events, sampai local storage dan transisi. Penjelasan mentor mudah diikuti dan hasil akhirnya aplikasi Todo yang bisa dipindah, dihapus, dan tersimpan. Sangat direkomendasikan!
Natasya ceren Sitompul
Kamis, 21 Mei 2026 pukul 13.21
Git adalah sistem kontrol versi yang digunakan untuk mencatat perubahan pada kode atau file sehingga memudahkan pengembang dalam melacak revisi, kembali ke versi sebelumnya, dan bekerja secara kolaboratif tanpa saling menimpa hasil kerja. Git sangat berguna dalam pengembangan perangkat lunak karena memungkinkan banyak orang bekerja dalam satu proyek secara bersamaan melalui fitur branching dan merging yang efisien. Dengan Git, proses pengelolaan kode menjadi lebih terstruktur, aman, dan mudah dikendalikan, sehingga menjadi alat penting yang hampir selalu digunakan oleh programmer di seluruh dunia.
Azka Ihsan Nurrahman
Sabtu, 2 Mei 2026 pukul 13.21
Materi yang disampaikan oleh mentornya mudah di mengerti dan cocok untuk saya yang ingin mempelajari Svelte.
Alfan Alfino Putra
Jumat, 26 Desember 2025 pukul 02.49
Materi yang disampaikan oleh pemateri sangat jelas dan mudah untuk dipahami. Cocok untuk saya belajar sebagai pemula.
Mulyo Anjang Jaya Kusuma
Selasa, 22 Juli 2025 pukul 21.43
Materinya gampang dimengerti untuk pemula sangat worth it, bisa langsung praktek mengikuti tutorialnya.
Mulyo Anjang Jaya Kusuma
Selasa, 22 Juli 2025 pukul 21.42
Materinya gampang dimengerti untuk pemula sangat worth it, bisa langsung praktek mengikuti tutorialnya.
Pentester
Jumat, 2 Mei 2025 pukul 18.53
bagus bagus bagus bagus bagus bagus bagus bagus bagus bagus bagus bagus bagus bagus bagus bagus bagus bagus bagus bagus bagus
Rafi Fahrezi
Sabtu, 1 Maret 2025 pukul 22.38
Penyampain dan metode cara nya yg sederhana dan mudah dijelaskan, Terbaik untuk bapak, semoga bisa memberikan pembelajaran yg banyak yaa
Athallah Ahmad Ghozali
Kamis, 19 Desember 2024 pukul 03.31
Kelas Proyek Sederhana Svelte - Todo App dari CodePolitan cocok buat pemula yang mau belajar framework Svelte. Materinya step-by-step, mulai dari instalasi hingga implementasi fitur utama seperti tambah, hapus, dan edit todo. Pengajar menjelaskan konsep dengan jelas, termasuk penggunaan store dan reaktifitas di Svelte. Kode mudah dipahami karena sederhana, tapi cukup untuk menunjukkan kekuatan framework ini. Meski kelasnya singkat, peserta dapat gambaran lengkap bagaimana Svelte bekerja. Sayangnya, mungkin kurang mendalam untuk yang sudah berpengalaman. Overall, kelas ini recommended buat yang baru masuk ke dunia framework JavaScript dan ingin memahami Svelte secara cepat tapi tetap fun.
Heri
Jumat, 27 September 2024 pukul 17.34
Materi yang disampaikan oleh mentornya mudah di mengerti dan cocok untuk saya belajar sebagai pemula!