Just another programmer's diary

Pasang VueJS CLI sudo yarn global add @vue/cli Buat VueJS Project vue create my-vuetify Masuk ke Project Folder cd my-vuetify Pasang Vuetify  vue add vuetify Jalankan VueJS Project yarn serve Penampakan di Browser Buka halaman berikut ini  http://localhost:8080/ . VueJS Vuetify di Browser. Mulai Belajar Vue dan Vuetify Lanjut belajar Vuetify dengan menggunakan sumber berikut ini: Daftar Isi Video 00:00:00 - Intro to Vuetify 00:02:09 - What is Material Design? 00:03:32 - First Look at Vuetify Code 00:06:51 - Typography 00:10:47 - Spacing 00:14:34 - Buttons 00:21:03 - Navigation 00:23:30 - Grid 00:29:59 - Card 00:35:08 - Store Navigation 00:45:30 - Home Page 01:08:18 - Store Page 01:23:35 - Cart Page 01:38:30 - Checkout Screen 01:57:07 - Conclusion Course interaktif dari video youtube diatas bisa ditemui di sini https://scrimba.com/learn/vuetify (Judi course: Learn Vuetify for free ). Semoga catatan ini bermanfaat buat yang baru mau belajar VueJS dan Vuetify....

Pada artikel kali ini saya akan membahas tentang bagaimana mensetup JHipster dan VueJS dengan cara paling sederhana di laptop Ubuntu 20.04 saya. Instalasi JHipster dan Perkakas Pendukungnya Ini adalah kondisi laptop saya dengan NPM, Yarn dan Java terpasang di dalamnya. Jangan lupa juga GIT sudah harus terinstall. Install Yeoman Yeoman adalah Web Scaffolding Tool yang dapat digunakan untuk mengenerate project berbasis web. Yeoman disini berperan untuk mempercepat proses development sebuah web, dengan mempersiapkan kebutuhan-kebutuhan dasar dari web app misal library-library, base code yang perlu disiapkan diawal. Dengan menggunakan yeoman developer akan terbantu dalam mempersiapkan project, sehingga developer akan lebih memiliki banyak waktu untuk berpikir di bisnis proses appnya (sumber:  https://pratamawijaya.com/programming/yeoman-sebagai-generator-android-project/ ). Install Yeoman dengan perintah di bawah ini. sudo npm install - g yo Install Maven sudo apt update sudo apt inst...

  Logo JHipster JHipster merupakan sebuah development platform untuk meng- inisiasi   web project Java dan Javascript menjadi sebuah project yang terintegrasi (boilerplate) baik yang berupa monolitik hingga mikroservis dengan cepat.  (* Diperlukan pengetahuan dasar tentang Docker, Spring dan VueJS ). Disclaimer: Artikel ini saya tulis sebagai catatan pribadi dengan berpindah-pindah dari satu komputer ke komputer lain, maka struktur folder yang tampil dan juga tampilan gambar snapshot banyak yang berbeda-beda.  Perkenalan Untuk perkenalan bisa lihat slide berikut ini  https://www.jhipster.tech/presentation (sekitar 1-2 menit). Jika kita ingin membuat sebuah website yang kekinian dengan cepat, kita memiliki beberapa pilihan kode generator yang membantu kita menghemat banyak waktu,  dan memberikan kita perkakas juga meng- generate kode-kode umum yang diperlukan untuk memulai sebuah project web moderen. Akan tetapi, tidak mudah untuk menemukan kode generat...