Vue.js Indonesia

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

Pembelajaran mengenai Vue.js saat ini menuju ke pembuatan komponen. Pembuatan komponen pada Vue.js adalah seperti pada langkah-langkah berikut ini Instal SASS Pembuatan komponen PesanSosial.vue pada folder molecules Memasukkan komponen ke dalam aplikasi melalui TheWelcome.vue Melihat package.json dan menjalankan npm run

Setelah kita membuat proyek pertama Vue.js maka akan terbentuk folder-folder yang diperlukan untuk pengembangan aplikasi. Kita perlu memahami struktur folder ini supaya memiliki pemahaman menyeluruh Vue.js Struktur folder instalasi awal Vue.js adalah seperti pada penjelasan-penjelasan berikut ini Folder root Folder

Vue.js merupakan framework Javascript yang saat ini berkembang cukup pesat karena bisa menghasilkan aplikasi berbasis web yang bisa diakses sangat cepat. Vue.js ini menggunakan Node.js. Instalasi project pertama Vue.js adalah seperti pada langkah-langkah berikut ini Membuat project baru dengan perintah