Belajar Animasi Di Vue.js 3
Dalam kelas "Belajar Animasi di Vue 3," kamu akan mempelajari cara membuat animasi yang menarik dan interaktif menggunakan Vue.js versi terbaru. Kelas ini dirancang untuk membantu kamu memahami konsep dasar animasi di Vue 3 dan mengaplikasikannya dalam pengembangan aplikasi web yang dinamis.
Tentang Kelas
Kelas online "Belajar Animasi di Vue 3" adalah kursus komprehensif yang dirancang untuk memberikan pemahaman mendalam tentang bagaimana membuat animasi menggunakan Vue.js. Dalam kelas ini, kamu akan mempelajari berbagai teknik animasi yang dapat meningkatkan pengalaman pengguna dalam aplikasi web yang kamu buat.
Tujuan Umum dan Khusus Pelatihan
- Memahami prinsip dasar animasi di Vue.js.
- Menguasai teknik-teknik dasar dan lanjutan dalam membuat animasi di Vue 3.
- Mampu mengimplementasikan animasi yang efektif dan menarik dalam aplikasi web.
Silabus
- Pengenalan Animasi di Vue.js: Memahami dasar-dasar animasi dan mengapa animasi penting dalam pengembangan web.
- Fitur Animasi di Vue 3: Eksplorasi fitur-fitur animasi yang tersedia di Vue 3.
- Transition dan Animation: Mempelajari cara menggunakan transition dan animation di Vue.js.
- Keyframe Animations: Menerapkan animasi keyframe untuk efek yang lebih kompleks.
Metode Ajar
- Pembelajaran Mandiri Online: Kamu dapat menentukan sendiri waktu belajarmu.
- Materi Berupa Video: Materi pembelajaran disajikan dalam bentuk video yang jelas dan mudah dipahami.
- Forum Tanya Jawab: Fasilitas untuk berdiskusi dan bertanya mengenai materi pelajaran dengan instruktur dan peserta lainnya.
Peralatan Belajar Peserta
- Komputer dengan Akses Internet: Pastikan kamu memiliki komputer dan koneksi internet yang stabil.
- Software: Browser terkini untuk mengakses materi pembelajaran dan software editor teks untuk mengembangkan aplikasi web.
Kelas ini sangat cocok untuk pengembang web yang ingin meningkatkan keterampilan mereka dalam membuat aplikasi yang lebih interaktif dan menarik menggunakan animasi di Vue.js. Dengan mengikuti kelas ini, kamu akan memperoleh pengetahuan dan keterampilan yang diperlukan untuk membuat animasi yang efektif dan estetis dalam aplikasi web.
Daftar Materi
| Mengenal Transition Component Dan Menggunakannya | 07:08 | |
| Membuat Animasi Transisi Masuk Dan Transisi Keluar | 03:22 | |
| Menggunakan Kondisi Dalam Komponen Transition | 03:34 | |
| Persiapan Buat Todo App Dengan Animasi | 05:14 | |
| Membuat Fungsi Create Read Delete Data Task | 04:58 | |
| Membuat Transisi Masuk Dengan Transition group | 03:11 | |
| Membuat Animasi Transisi Keluar Dengan Transitiongroup Dan Transisi Move | 04:10 | |
| Membuat Animasi Transisi Antar Route | 05:42 | |
| Menggunakan Lifecycle Dari Transition Component | 05:54 | |
| Mengubah Style Animasi Di Lifecycle Hook | 05:44 |
Penyusun Materi
Ahmad Hakim
Founder & Mentor IDStack | CTO di Nusabot | Software Engineer di GovTech Edu | Former Software Engineer di Track&ROLL
Testimoni Oleh Siswa
(14 reviews)
Steven Muhamad
Materi yang diberikan cukup akurat mengenai basic vue , dan diimplementasikan secara ringkas sehingga mudah dipahami
M. Syaikhul Ma'arif Adityawangsa
Penyampaian materi penggunan animasi pada vue.js dirasa cukup bagus karena melibatkan pembuatan project yang ramai digunakan yaitu to do list sebagai studi kasus yang cukup bagus.
Muhammad Dendi Ardana
Materi nya sebenarnya materi Vanilla CSS. gak perlu di bahas di pelajaran Vue seharusnya yang perlu ditambahi untuk materi pelajaran Vanillla CSS. Belajar Animasi fokus ke studi kasus Big Project
CHAIRIZA MUTTAQIN
Materi yang di ajarkan oleh mentornya sangat mudah di pahami untuk pemula seperti saya, dan sangat bermanfaat. Penjelasannya pun sangat ramah untuk pemula.Alfian noer firdausi
mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmantapDirwan Permana
materi yang di sampaikan mudah di fahami, semoga untuk studi kasus nya ke depan bisa bervariasi lagi selain to do list, terimakasihFikri Athanabil Effendi
Mantap ilmunya! Sangat bermanfaat dan mudah dipahami. Terima kasih atas penjelasannya yang jelas dan detail!
Raja Farras Daffa
materi yang disampaikan mudah dipahami, namun untuk animasi menggunakan js masih kurang untuk contoh projeknya dan harus belajar sendiri. Terimakasih
Ari Budiman
mantap, materi yang disuguhkan sangat jelas... tapi saya masih kurang puas dengan jumlah materi nya. adakah animasi yang lebih sering digunakan lagi?Zulfa Nurul Ikhsan
materinya bagus mudah dimengerti cocok untuk pemula yang baru belajar web development........................