Vue.js Indonesia

Dalam pembuatan aplikasi menggunakan Vue.js biasanya akan mengakses data-data menggunakan API atau Application Programming Interface. Penanganan data API pada Vue.js adalah seperti pada contoh-contoh berikut ini File index.html File main.ts File App.vue File router/index.ts File HomeView.vue File TheHeader.vue a. File

Penanganan event merupakan bagian penting dalam framework-framework Javascript, demikian juga dengan framework Javascript Vue.js . Penanganan event dan data pada Vue.js adalah seperti pada penjelasan-penjelasan berikut ini File index.html Tampak pada file index.html menjalankan main.ts File main.ts Tampak pada main.ts

Vue.js memiliki fitur method dan computed. Method dan computed ini merupakan function dari Javascript. Pada computed ini membentuk properties. Method dan computed pada Vue.js adalah seperti pada contoh berikut ini Sub komponen komentar Method dan computed pada komponen Template yang

Setelah kita mempelajari directive-directive yang ada pada Vue.js maka kita akan menerapkan dalam source code kita. Penerapan directive pada komponen Vue.js adalah seperti pada contoh berikut ini Penerapan pada PesanSosalKomentar.vue Bagian script: Bagian template: Bagian style: Penerapan pada PesanSosial.vue Bagian

HTML memang alat bantu yang ampuh dalam menyajikan tampilan tetapi sangat bertele-tele dan cukup sulit untuk melakukan pemeliharaan source code. Di sinilah directive dari Vue.js memberikan solusi pembuatan source code dan pemeliharaan source code yang lebih baik. Directive-directive dari Vue.js

Komponen pada Vue.js memiliki properti-properti yang dapat dirancang dan digunakan sesuai kebutuhan dari program yang dibuat. Properti-properti komponen Vue.js adalah seperti pada penjelasan-penjelasan berikut ini Mendefinisikan properties Akses properti pada HTML Akses properti melalui script Source code PesanSosial.vue Reactive Membaca

Saat ini tidak ada standarisasi folder pada Component Based Development atau CBD dalam perancangan aplikasi web. Sebagai alternatifnya kita bisa menggunakan Atomic Design . Atomic Design ini dibuat oleh Brad Frost yang dijelaskan pada https://blog.kamathrohan.com/atomic-design-methodology-for-building-design-systems-f912cf714f53 . Konsep dari Atomic Design

Component-based Development atau CBD merupakan pola di mana UI atau User Interface dari aplikasi dipecah ke dalam komponen-komponen. Pemecahahan halaman besar ke komponen-komponen kecil mengurangi kompleksitas sehingga memudahkan pengembang memfokuskan suatu bagian tertentu. Pemecahan ke dalam komponen-komponen ini juga memudahkan

Ekosistim Javasript memiliki banyak framework dan library dan salah satunya adalah Vue.js. Kita akan mempelajari area inti aplikasi web Vue.js Area Inti Aplikasi Web Vue.js adalah seperti pada penjelasan-penjelasan berikut ini UI atau User Interface Pada antar muka atau user

Perkembangan teknologi pengembangan aplikasi berbasis sampai kepada SCSS. SCSS ini merupakan cara pemrograman CSS agar mudah dikelola. Pertama-tama kita mengedit dengan format SCSS kemudian nanti akan diubah ke CSS. Pengubahan SCSS ke CSS adalah seperti pada penjelasan-penjelasan berikut ini Instal