Postingan

Tutorial Vue JS Cylce, Method, Tempate

Gambar
Tutorial Vue JS Life Cylce, Method, Tempate Halo teman - teman pada tutorial kali ini saya akan membahas mengenai vue js yaitu life cycle, method dan template dan bagi yang belum mengikuti seri tutorial vue js konfigurasi pertama bisa kunjungi link di sini Vue JS Life Cycle  Tutorial yang pertama yaitu Life Cycle dari Vue JS yaitu proses yang terjadi dari penggunaan vue js  1. Buatlah file dan masukan kode seperti gambar di bawah ini : 2. Simpan file tersebut dan jalankan di browser maka akan muncul tampilan seperti ini Penjelasan : 1. pada cycle before created maka object yang dimasukan ke dalam element masih kosong maka akan muncul undefined dan pada created akan dimunculkan isi dari objectnya 2. pada cycle before mounted yang terjadi adalah nilai data dari element yang belum dimasukan sehingga akan memunculkan isi dari data dan baru dimunculkan pada life cycle mounted 3. pada cycle before update dan updated harus memasukan perintah u...

Tutorial Vue JS Konfigurasi Pertama

Gambar
Tutorial Vue JS Konfigurasi Pertama Halo temen temen pada tutorial kali ini saya akan membahas mengenai tutorial vue js dari mulai konfigurasi pertama  Tools yang digunakan 1. Text Editor Saya menggunakan visual studio code 2. Vue JS bisa mengklik link ini   3. Web Browser Langkah - langkah 1. Klik link vue js yang sudah di lampirkan di atas maka akan muncul tampilan seperti ini 2. Copy semua script tersebut lalu simpan di folder project dan buatlah struktur folder nya seperti ini 3. Lalu buka file vue.js dan pastekan semua script yang berasal dari link yang terlampir di atas dan akan muncul tampilan seperti ini 4. Lalu buka file index.html dan masukan skrip seperti tampilan di bawah ini 5. Lalu buka file index.html di browser dan akan muncul tampilan seperti ini 6. Lalu buat file baru dengan nama hellovue.html dan masukan script seperti ini 7. Apabila dibuka di browser maka akan muncul tampilan yang sama sep...

PHP Lumen Service Docs

Gambar
PHP Lumen Service Docs Halo teman - teman pada tutorial kali ini akan melanjutkan mengenai PHP Lumen dan tutorial kali ini akan membahas PHP Lumen Service Docs silahkan perhatikan dan ikuti tutorial di bawah ini. Sebelum itu nyalakan fitur apache dna mysql di xampp Penjelasan Pada tutorial kali ini akan menjelaskan pembuatan dokumentasi penggunaan dari aplikasi PHP Lumen seperti pemanggilan api dan data yang terdapat dalam api tersebut. Mempersiapkan Docs Generator Untuk membuat Docs Generator kita menggunakan aplikasi swagger-ui yang bisa di lihat di link  ini untuk pembuatan nya bisa mengikuti langkah - langkah di bawah ini : 1. Install swagger php plugins dengan memasukan perintah composer require zircote/swagger-php pada terminal dan instalasi ini harus terkoneksi ke internet lalu akan muncul tampilan seperti gambar dibawah ini Apabila instalasi sudah selesai maka akan muncul tampilan seperti ini 2. Lalu buat file SwaggerDocScann...

PHP Lumen Client App

Gambar
PHP Lumen Client App  Halo teman - teman pada tutorial kali ini akan melanjutkan mengenai PHP Lumen dan tutorial kali ini akan membahas PHP Lumen Client App  silahkan perhatikan dan ikuti tutorial di bawah ini. Pertama - tama nyalakan fitur apache dan mysql pada xampp Penjelasan  Pada tutorial kali ini akan membahas mengenai pembuatan Applikasi lumen berbasis client yang nantinya akan dibuatkan tampilan view yang akan di akses oleh client. Namun dalam melakukan operasi pengiriman data akan mengakses data dari server sehingga memudahkan client dalam operasi misalkan crud. Membuat Aplikasi Lumen Untuk membuat aplikasi lumen pada tutorial kali ini akan menggunakan fitur composer tutorial nya sebagai berikut 1. Ketikan perintah seperti gambar di bawah ini tetapi untuk nama project nya tidak harus PHPClient bisa diubah sesuai keinginan. Untuk membuat aplikasi lumen harus terkoneksi ke internet 2. Apabila sudah selesai maka akan muncul tampilan...