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

Atomic Design pada Vue.js
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 pada Vue.js
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
Area Inti Aplikasi Web Vue.js
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
Pengubahan SCSS ke CSS
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
Pembuatan Komponen pada Vue.js
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
Struktur Folder Instalasi Awal Vue.js
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
Instalasi Proyek Pertama Vue.js
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
