YIISolutions

Postingan

Cara menggunakan Directive v-on Vue.js

- Mei 19, 2020

v-on merupakan sebuah directive yang sering digunakan ketika akan melakukan interaksi antara user dengan program oleh karena itu pembahasa sengaja dibuat tersendiri agar lebih mendalam, v-on berperan sebagai event listener pada elemen html atau komponen yang ada pada vue.js, directive ini bertugas untuk melakukan aksi yang akan dilakukan. contoh : <!DOCTYPE html> <html lang="en"> <head> <title></title> <script src="lib/vue.js"></script> </head> <body> <div id="app"> <button v-on:click="pesan('ini adalah sebuah pesan.')"> Tombol Pesan </button> </div> <script> var vm = new Vue({ el: '#app', methods:{ pesan(text){ alert(text); } } }) </script> </body> </html> Hasilnya : Selain di...

Baca selengkapnya

Mengenal Directive pada VueJS

- Mei 17, 2020

Directive adalah atribut khusus yang dimasukan pada elemen HTML sebagai tanda bahwa elemen tersebut akan dilakukan aksi tertentu oleh Vue. Directive berbentuk ekspresi Javascript yang secara reaktif menerapkan efek ketika nilainya berubah. Penulisan atribut directive pada vue diawali dengan prefix v-, berikut adalah directive yang ada pada Vue : v-text v-once v-html v-bind Two-way binding using v-model v-if Loops Events v-text Directive yang dapat digunakan untuk menampilkan string, fungsinya sama seperti double bracket atau mustache contoh : <div id="app"> <p v-text="pesan"></p>  <p>{{ pesan}}</p>  </div> v-once Directive yang digunakan agar nilai variabel pada template tidak bisa diubah, v-once hanya dirender satu kali oleh vue, pada render berikutnya akan diskip/dilewati seingga nilainya akan tetap sama, contoh : <p...

Baca selengkapnya

Cara Menggunakan Property Methods, Computed dan Filters pada VueJS

- Mei 15, 2020

VueJs memiliki beberapa property yang biasa digunakan pada kesempatan ini kita akan membahas mengenai property methods, computed dan filters. ketiga properti tersebut memiliki tujuan yang hampir sama namun memiliki perbedaan dalam penggunaan nya. Property Methods pada properti methods biasanya digunakan untuk menyelesaikan suatu permasalahan yang dapat dipanggil secara berulang-ulang, methods dapat berupa fungsi untuk pemanggilan sebuag event, fungsi pada sebuag event dapat berupa return value atau sebaliknya, contoh : sebuah fungsi untuk menampilkan data,menghitung sebuah nilai luas,keliling, mengisi atau mengubah nilai dll. berikut adalah contoh sebuah event : <!DOCTYPE html> <html lang="en"> <head> <title>Hello World</title> <script src="lib/vue.js"></script> </head> <body> <div id="app"> <h1>{{nilai}}</h1> <br/> <button...

Baca selengkapnya

Cara Menggunakan Session pada PHP

- Mei 12, 2020

Pengertian Session Session merupakan sebuah konsep yang memungkinkan informasi pengguna dapat tersimpan pada setiap halaman website. pad artikel berikut kita akab mempelajari cara menggunakan Session pada PHP. Cara Kerja Session Sebelum dibahas lebih lanjut kita perlu memahami terlebih dahulu kenapa kita membutuhkan Session pad sebuah web, seperti yang kita ketahui bahwa sebuah web berjalan diatas protokol HTTP , protokol ini merupakan stateless artinya tidak dapat melakukan penyimpanan data sehingga semua halaman web yang diakses dianggap sama, agar sebuah web dapat dibedakan oleh browser maka kita membutuhkan sebuah pengingat berupa penyimpanan data, pada bahasa pemrograman PHP mekanisme seperti ini disebut dengan session. Session Server Side Session pada PHP bekerja pada dua sisi yaitu sisi server dan client, ketika mendefinisikan sebuah session maka pada server akan membuat sebuah file yang kan menyimpan session yang kita buat, file yang dibuat pada server diawali oleh sess_ ...

Baca selengkapnya

Mengenal VueJS

- Mei 11, 2020

Pengertian Vue Vue (pengucapan /vju:/, dibaca seperti view) adalah sebuah library javascript yang dapat kita gunakan untuk membuat aplikasi frontend atau membuat tampilan berbasis SPA (Single Page Application). SPA adalah sebuah halaman web yang memiliki sebuah halaman html, mungkin anda bingung kok bisa seperti itu? bagaimana jika kita mau buat halaman lain karena biasanya didalam sebuah web bisa saja terdapat banyak halaman untuk keperluan tertentu. jawabannya adalah pada web berbasis SPA khususnya Vue halaman web berupa komponen – komponen yang dapat dibuat secara dinamis ataupun statis, konsep kerjanya adalah menerapkan komponen tersebut kedalam sebuah file html sehingga komponen tersebut dapat dijalankan. Mengapa Memilih Vue Vue merupakan salah satu library yang mengalammi pertumbuhan yang sangat pesat dari awal diciptakan tahun 2013 oleh Evan You dan juga merupakan javascript yang sangat populer dibandingkan dengan library javascript yang lainnya. Berikut adalah...

Baca selengkapnya

Membuat Aplikasi CRUD dengan PHP dan MySQLi Konsep OOP

- Januari 16, 2020

Menyiapkan Database Pada materi pembelajaran “Membuat CRUD dengan PHP dan MySQLi dengan konsep OOP” kita membutuhkan sebuah database untuk menyimpan sebuah data. Agar memudahkan kita dalam megelola data-data yang ada pada tabel database kita akan menggunakan bantuan aplikasi Database Management System (DBMS), aplikasi DBMS yang akan kita gunakan pada materi pembelajaran ini adalah phpMyAdmin, penggunaan phpMyAdmin karena penggunaanya yang mudah dan sangat populer, selain itu sudah terinstal secara bersamaan saat kita menginstal aplikasi XAMPP. “Phpmyadmin adalah sebuah aplikasi open source yang berfungsi untuk memudahkan manajemen MySQL. Dengan menggunakan phpmyadmin, Anda dapat membuat database, membuat tabel, menyimpan , menghapus dan mengupdate data dengan GUI dan terasa lebih mudah, tanpa perlu mengetikkan perintah SQL secara manual. PHPMyAdmin merupakan front-end MySQL berbasis web. Saat ini, PHPMyAdmin banyak digunakan dalam hampir semua penyedia hosting yang ada di internet. ...

Baca selengkapnya

Belajar Enkapsulasi pada PHP

- Januari 07, 2020

Pengertian Enkapsulasi Enkapsulasi atau dalam bahasa asing disebut dengan encapsulation adalah pembungkusan atau pemberian hak akses terhadap sebuah property atau method yang ada pada suatu class, tujuan enkapsulasi untuk menyembunyikan informasi dari method dan property dengan alasan keamanan dan menghindari kesalahan ketika seseorang mencoba untuk mengubahnya, ada tiga jenis enkapsulasi atau bisa disebut juga dengan modifier yang dikenal diantaranya adalah sebagai berikut : Public Private Protected Modifier Public Public, digunakan untuk mengatur property dan method agar dapat diakses dari luar kelas beserta class turunannya, jika sebuah property atau method yang tidak dideklarasikan modifier nya misalnya menggunakan var maka akan secara otomatis dianggap sebagai public. contoh : <?php class Mobil { //ini adalah property public $nama; public $warna; public $merk; public function set_mobil($nama, $warna, $merk) { $this->nama = $n...

Baca selengkapnya