Apa Itu Laravel Mix

Untuk sebagian developer pasti sudah mengenal apa itu laravel-mix dan apa itu fungsi dan manfaatnya, tapi untuk sebagian developer juga pasti tidak mengenal apa itu laravel-mix dan apa sih fungsinya ?

Nah saya juga sebagai pengguna lama laravel awalnya tidak menyadari kegunaan laravel-mix itu sendiri, itu pun saya tahu secara tidak sengaja melihat video course tutorial Jeffrey way yang menerengkan sedikit tentang laravel mix, nah dari sana saya mulai pingin tahu dan pingin memakai larave-mix dan saya menyadarai kalo fitur itu sayang berguna dan bermanfaat untuk proses development, khusunya memanage asset seperti mengcompile Common CSS, javascript pre-processors  dan minifiy asset untuk production dan yang lebih penting bisa untuk membuat sebuah versioning js file kita gan.

Nah kalo menurut saya laravel-mix itu sendiri adalah compiler dan bisa disebut juga sebagai tempat untuk mengatur dan me-ngelola asset file js/css, sala-satu compiler popular seperti gulp dan grunt, lalu tugas dari laravel-mix itu memindahkan semua asset kita yang kita tulis di file webpack.mix.js ke dalam folder public yang nantinya di akses atau diload oleh website yang kita pakai, nah loh ? bukannya engga ada bedanya klo kita taruh langsung file js/css nya di public seperti hal yang saya lakukan pada projek2 aplikasi sebelumnya ? hehe, nah itulah yang terpikirkan oleh saya kenapa harus begitu, dan setelah saya mengimplementasikan laravel-mix itu pada aplikasi yang saya develop, saya baru menyadari manfaatnya apa, dan skrng saya lebih memilih untuk menggunakan laravel-mix ketimbang menaruh langsung file js/css di public folder.

Kenapa saya merubah penempatan asset js/css ? ya karena si laravel-mix ini :D, bukti sederhana yang membuat saya jatuh cinta pada laravel-mix itu adalah fitur

Minify

Minify asset itu sangat penting dilakukan jika website sudah ada di tahan production, karena itu membuat load asset menjadi lebih cepat sehingga load website kita bisa di optimasi dari sana, dan saya sering lihat di website-website besar file js/css selalu dalam keadaan minify,

Versioning file

Awalnya saya tidak tahu apa itu versioning, saya tahu manfaat versioning ketika saya menghadapi kasus dimana file js/css tidak berubah kodenya di web browser walaupun di code file js/css sudah saya rubah, kenapa kok bisa gitu ? karena ada cache di browser yang membuat code file js/css kita tidak terload secara up to date, dan harus kita lakukan clear cache dulu baru file js/css kita akan sama dengan yang aslinya (up to date), nah untuk meresolve kasus itu maka ada yang namanya versioning nama file di js/css yang kita buat :D, tujuannya ya itu untuk menghindari tidak terupdatenya file js/css karena cache browser.

Compiler Common CSS dan Javacsript pre-processor

Mungkin sebagai orang tidak tahu apa itu compiler Common CSS dan Javascript pre-processor, yang saya tahu dari pengalaman, saya pernah menggunakan SASS sala-satu preprosessing CSS lalu jika anda sudah familiar Typescript, CoffeScript yang merupakan preprosessing Javascript terkenal dan sudah banyak dipakai. nah laravel-mix memiliki kegunaan untuk mengolah hal semacam itu.


Nah setelah kita membahas sedikit tentang laravel-mix maka disini saya akan memberikan tutorial sederhana bagaimana cara memakai laravel-mix, sebelum saya mulai maka siapkan peralatan tempur terlebih dahulu yaitu

• Laravel => jika blm install bisa kesini install laravel
• Node
• NPM (Node Package Manager)

Saya asumsikan kalian sudah menginstall semua depedensi yang diperlukan untuk menjalankan laravel-mix, lalu 

Langkah Pertama install laravel-mix dengan mengetikan perintah ini didalam terminal dan dialam direktori root laravel kita

npm install

Perintah diatas berguna untuk mendowload semua depedensi laravel-mix yang sudah di atur di package.json yang ada di folder laravel.

Lalu jika sudah selesai maka kita langsung membuat satu file, klo disini saya membuat file js dan taruh file itu di folder resource/asset/js, ingat jangan di folder public :D,

touch resources/assets/js/simple.js

Jika sudah dibuat maka buat simple kode sederhana di dalam file tersebut


Lalu daftarkan file js kita di folder webpack.mix.js

Jika sudah begitu maka buka terminal dan jalankan perintah ini

npm run dev

Maka outputnya akan kurang lebih akan seperti ini

Nah jika sudah seperti itu maka file simpe.js yang kita buat sudah berada di folder public.

Lalu jika kita ingin meminify file js kita,  jalankan perintah ini diterminal

npm run production

Lalu jika kita ingin memberikan versioning difilejs kita maka tambahkan code ini di webpack.mix.js



Lalu jalankan perintah npm run dev atau npm run production di terminal maka laravel-mix akan mencompile filejs yang tdi kita dengan nama yang sedikit berbeda.

Lalu untuk menload js yang kita buat, kita bisa menggunakan helper laravel bernama mix



Nah gan kurang lebih begitu cara menggunakan laravel-mix, untuk dokumentasi lebih lengkap bisa meluncur langsung ke website laravel mix

Sekian post dari saya, semoga bermanfaat :D

Lima Framwork Javascript Populer

Javascript menurut saya sangat familiar bagi sebagian banyak developer yang ada didunia ini. apalagi kegunaanya di sisi client yang dapat mempermudah penggunaan aplikasi, intinya javascript powerfull banget buat client side menurut ane :D, karena bahasanya yang menurut ane mudah di pahami dan dimengerti, belum lagi adanya jQuery, sala-satu framework javascript yang populer dan sering saya pake di projek-projek yang saya develop sebelumnya.

Namun Saya kaget akan javasciprt, kenapa ? karena javascript menurut saya bahasa yang cepat tumbuh dan kembangnya dibandingkan bahasa yang lain misalkan contoh PHP, karena dari javacript banyak teknologi-teknolog atau framework-framework yang luar biasa muncul dari javascript, belum lagi banyak skrng munculnya typescript, jsx, webpack dan sebagainya.

Bahkan akibat kemajuan itu skrng javascript bisa di pakai di kedua sisi, yaitu client side dan server side gan , waaahhhh..

Yups ane sampai kewalahan ama javascript karena dalam setiap bulan atau tahunnya selalu saja muncul sesuatu yang baru dari javasciprt :D,

Nah sala-satu teknologi javascript yang di tawarkan di jaman skrng-skrng ini adalah framework, skrng bukan hanya jQuery saja yang populer, jQuery bahkan sudah banyak diganti kalo menurut ane, oleh framework-framerok baru javasciprt yang menggunakan bahasa moderen javasciprt atau es6, ada framework yang menggunakan typescript, ada juga yang menggunakna jsx dan yang paling baru ada juga yang menggunakan extention sendiri,woww hebat dehh pokonya javasciprt

Nah disni ane bakalan ngasih tahu beberapa framework javascript yang populer gan, berikut ini adalah listnya :

1. ReactJs

2. Angular

3.VueJS

4. EmberJs 

5. Meteor.js

source : https://hackernoon.com/5-best-javascript-frameworks-in-2017-7a63b3870282

Nah itu gan sala-satu framework yang popular menurut ane dan menurut sebagian orang.

Sekian dari ane, Terima kasih

Cara Install Web server (apache), MySql dan PHP Di Linux(Ubuntu)

Bagi kalian pengguna window yang baru hijrah atau migrasi sistem operasi dari window ke linux, maka rata2 biasanya kebingungan akan sistem operasi linux, karena dalam linux khusunya ubuntu(sistem os yang saya pake), untuk menginstall sebuah tools atau aplikasi itu caranya sedikit berbeda dengan window, di window hanya tinggal download .exenya dan tinggal klik dan klik udah itu beres dan bisa dipake, lalu di linux untuk menginstall sebuah tools biasanya kita ketika sebuah perintah dalam terminal, atau mendowload aplikasi itu jika tidak ingin ribet di ubuntu sofware center, tapi menurut ane, mending pake terminal untuk mendownload dan menginstall aplikasi karena lebih cepat hehe,

Oke disni ane bakalan ngasih tahu cara install web server (apache), PHP, dan MySql di linux (ubuntu)

Oke mari kita mulai

Pertama, pastikan anda terkoneksi dengan internet 

Install Apache (web server)

sudo apt-get update && apt-get install apache2

Perintah diatas bertujuan untuk melakukan update sistem dan selanjutnya menginstall apache2 atau web server local komputer

Install PHP-Mysql (module) dan MySql

sudo apt-get install mysql-server libapache2-mod-auth-mysql php5-mysql

Jika MySql sudah terinstall maka aktifkan MySql DB

sudo mysql_install_db

Lalu selanjutnya jalankan perintah ini

sudo /usr/bin/mysql_secure_installation

Lalu setelah itu agan disuruh untuk mengisikan config2 dasabase mysql agan masing2
Jika sudah maka selanjutnya adalah install PHP

sudo apt-get install php5 libapache2-mod-php5 php5-mcrypt

Jika sudah berhasil di install PHPnya maka tambahkan php dalam direktory index server apache

sudo nano /etc/apache2/mods-enabled/dir.conf

Dan edit filenya tersebut seperti dibawah ini
Nah jika sudah, ctrl+x lalu save,  jika agan sudah melakukan step2 yang ada di atas, coba agan akses localhost dibrowser komputer masing, jika bisa di akses maka agan berhasil menginstall web server dikomputer agan
Lalu mari coba test apakah php berhasil terinstall dengan membuat file php didalam webserver Buat 1 file php

sudo nano /var/www/info.php

Lalu edit file menjadi seperti ini

Jika sudah maka bukan localhost/info.php

Jika succes maka akan muncul versi php, dan itu artinya agan-agan telah sukses melakukan instalasi

Nah sekian post dari ane, semoga bermanfaat
Sumber : digitalOcean

See you on the next post..

Laravel Debugbar

Mendebug sebuah aplikasi dari awal pembuatan merupakan hal yang paling penting menurut ane, karena dari sana kita bisa melakukan optimasi terhadap fungsi-fungsi yang telah kita buat, terutama pada fungsi query yang bisanya selau memakan waktu yang sedikit lama dalam eksekusi proses, apalagi jika query sangat kompleks,  sangat berpengaruh pada saat load page pada website.

Oleh karena itu, untuk menghindari sebuah proses yang berat dan agar para developer tahu maka harus adanya debug proses dari awal, supaya perbaikan bisa cepat di atasi dan di optimasi terharap proses-proses yang memiliki waktu eksekusi yang lumayan lama.

Dalam laravel ada sala-satu pacakge yang saya sudah gunakan, yaitu barryudh/laravel-debuger, penggunaanya menurut saya cukup mudah dan kegunaanya sangatlah bermanfaat bagi development sebuah aplikasi, karena jika laravel-debuger sudah terinstall maka disetiap kita membuat sebuah proses dan melakukan testing terhadap proses itu maka laravel-debuger akan menampilkan hasil dari waktu eksekusi time, terutama eksekusi time query yang sangat penting.

Didalam artikel ini ane bakalan memberi tahu cara menginstal pacakge laravel-debuger

Saya asumsikan laravel agan terlah terinstall dan telah runing di local agan masing2,

Pertama download pacakge via composer,

composer require barryvdh/laravel-debugbar

Kedua, edit file config/app.php


Ketiga, tambahkan facade laravel-debuger jika agan perlu


Jika sudah, maka bukan local laravel anda, dan penamkanannya nambak seperti gambar dibawah ini

Nampak didalam halaman, terdapat sebuah tab seperti console log google, ketika di klik maka akan menampilkan semua proses termasuk query, disni ane membuat query untuk menampilkan semua data user, dan terlihat berapa waktu eksekusi untk query itu

Nah itu gan sala-satu fungsi dari debug proses dilaravel, sangat berguna dan memprospek sebuah aplikasi ke arah yang lebih baik ketika sudah menjadi aplikasi besar

Sekian dari ane, semoga bermanfaat, terima kasih, see you on the next post

Membuat Rest API dengan Laravel

Yups, Rest API menurut ane sudah jadi kebutuhan umum buat pembuatan sebuah aplikasi, dan juga untuk mengambilan data untuk kebutuhan umum, misalkan API resi JNE yang kegunaanyannya berguna banget.

API juga menurut ane gambang untuk dipelajari, engga susah gan, soalnya hanya tinggal menampilkan dan memproses data-data yang masuk dan keluar aja, jadi engga usah bikin html atau layout atau apalah sesuau yang berhubungan dengan tampilan website, dalam membuat API semua itu tidak dibutuhkan, yang dibutuhkan dan diambil dari API itu Data dan response status hihihi..

Pengalaman ane bikin API itu pada saat ane dikantor, dapetin projek yang menggunakan sistem three tier, kalo dijelasin secara singkat sih itu sistem backend-frontend, dmana ada 2 aplikasi terpisah yang satu API dan yang kedua layout, keuntungannya banyak gan, jika kita pake sistem kaya gitu nanti bisa dinamis atau bisa dipake untuk kebutuhan aplikasi lain misalkan mobile dan website lain :D

Disini ane bakalan kasih tutorial singkat bagaimana cara membuat REST API dilaravel gan :D, gampang loh gan hehehe

Siapkan alat tempur nya

• Laravel => cara installnya disni => disini ane pake laravel versi 5.4

Jika laravel sudah terinstall dan sudah running dilocalhost agan masing2 maka let's code

Pertama, atur koneksi laravel dengan database agan masing2 ya

Kedua, membuat migration, disini ane pake migration bawaan laravel yaitu migration table users


Ketiga, jalankan migration dengan menjalankan perintah diterminal

php artisan migrate

Keempat, membuat seeder untuk users

php artisan make:seeder UsersTableSeeder

Kelima, edit file UsersTableSeeder.php menjadi seperti ini :

Keenam, jalankan seeder melalui terminal

php artisan db:seed

Ketujuah, buat controller

php artisan make:controller UserController -r

Kedelapan, membuat method untuk menampilkan data user

Kesembilan, membuat method untuk create data user

Kesepuluh, membuat method untuk show spesific data user


Kesebelas, membuat method untuk update data user


Keduabelas, membuat method untuk delete data user


Ketigabelas, langkah terakhir adalah membuat route untuk UserController di file api.php

Keempatbelas, jalankan server

php artisan serve

Nah jika sudah semua tinggal testing rest api, klo disini ane test pake postman,
Beikut sedikit contoh testing rest api menggunakan postman

Jika sudah seperti itu maka agan-agan sekalian sudah success membuat simple REST API :D

Nah sekian post dari ane, semoga bermanfaat buat agan-agan sekalian, See you on the next post

Menggunakan Facade Di Laravel

Dalam artikel ini saya akan menjelaskan sedikit dari sala-satu helper laravel yang menurut ane kegunaanya itu berguna banget untuk membuat aplikasi dan mempercantik coding supaya enak di lihat heheheh.

Oke, yang akan kita bahas adalah Facade dalam laravel, apa itu Facade ? untuk penjelasan lengkapnya agan bisa ke sini documentasinya langsung Facade.

Kalo menurut ane sih Facade bisa kita gunakan sebagai media untuk memanggil class yang telah kita buat, nanti jadinya sebuah class yang kita buat bisa kita panggil via facade dengan cara static pake titik 2 (::) 

Penjelasan mengenal bagaimana cara memanggil method dengan cara static/object, agan bisa ke link ini untuk memahami magic method __call dan __classStatic   

Oke kita langsung aja berkoding ria, disini ane bakalan kasih tahu cara bikin class yang terintegrasi dengan Facade

Alat Tempur

• Linux Ubuntu/Window/Mac -> ane disini pake Linux Ubuntu
• Web server (Lamp/Xampp)
• PHP Version 5.6.1 <=
• Laravel => Install laravel

Oke jika semua alat tempur sudah terinstall, ayo ngoding

1. Buat 1 folder di dalam app direktory laravel dengan nama Classes

mkdir Classes

2. Lalu masuk ke dalam folder Classes dan buat folder baru Bernama Facade

cd Classes && mkdir Facade

3. Lalu didalam direktory Classes buat file baru bernama Kun.php

touch KunKin.php

4. Lalu isi KunKin.php dengan syntak dibawah ini

4. Setelah itu masuk ke dalam folder Facade lalu buat file baru bernama KunKin.php

cd Facade && touch KunKin.php

5. Lalu isi KunKin.php yang berada didalam folder Facade dengan syntak seperti dibawah ini :

6. Lalu jika agan sudah membuat 2 file yang itu maka langkah selanjutnya adalah membuat provider, lakukan perintah ini didalam terminal :

php artisan make:provider KunKinProvider

7. Lalu Edit file KunKinProvider yang ada di direktory app/Providers, tambahan syntak seperti dibawah ini :


8. Jika sudah diedit maka daftarkan provider yang telah kita buat didalam config/app.php
9. Lalu tambahkan aliases class

10. Jika sudah, maka kita tinggal coba, masuk ke dalam tinker

php artisan tinker

11. Lalu ketikan perintah

KunKin::sayKunKin()

12. Maka jika akan memunculkan return "Hello Kun Kin", jika sudah seperti itu maka agan2 sekalian telah sukses implement facade dilaravel :D


Gmana gan ? cukup mudahkan, itulah sala-satu cara pake facade dilaravel gan


Oke sekian post dari ane, semoga agan-agan bertambah ilmunya, see you on the next post

PHP - 5 Daftar Framework Paling Populer

Halo gan ketemu lagi dengan ane, udah lumayan lama ane engga buat2 artikel lagi, dan baru kali ini bisa lagi bikin artikel karena kemaren-kemaren ane sibuk gan :D

Oke di artikel ini ane bakal ngebahas bahasan ringgan tentang framework PHP popular yang menurut ane paling banyak dipake dikalangan developer gan,

Oke mari lanjut .

1. Laravel

2. Sympony

3. Codeigniter

4. Yii

5. Phalcon

Source : http://www.hongkiat.com/blog/best-php-frameworks


Oke gan sekian post dari ane, semoga bermanfaat, see you on the next post

Cara mengirim Email di PHP

Mengirim sebuah email merupakah sala-satu kebutuhan dalam beberapa aplikasi, seperti aplikasi social media yang selalu aktif mengirimkan email-email news atau notikasi tentang akun kita, lalu website-website eCommerce yang selalu menggunakan email sebagai media untuk activation akun membernya lalu sebagai media lupa password untuk para membernya, jadi tak bisa dipungkiri bahwa mengirim email itu fitur yang sangat bermanfaat dan kegunaanya bisa di gunakan dalam hal apa saja didalam sebuah aplikasi.

PHP sebagai bahasa programing populer menyediakan function untuk send mail, penggunaanya menurut saya amat sangat mudah dan gampang di pahami, initinya anda hanya tinggal pake saja :D

Ini contoh syntak send mail dengan PHP :

Cukup gampang dan mudah dipahami gan, dalam syntak itu kita harus mengisikan message, email tujuan lalu title email tersebut.

Lalu ini contoh syntak send mail dengan PHP menggunakan header :


Nah gimana cukup mudahkan gan, kirim email di PHP :D


Lalu disini saya akan memberitahu tentang cara send mail menggunakan sala-satu library PHP yaitu PHPMailer gan, kenapa kok pake library ?, alasannya itu sederhana yaitu biar engga riber-riber lagi dan tinggal pake(intinya lagi males) heheh


1. Pertama download dulu library PHPMailernya gan, disini ane menggunakan composer jadi ane

    tinggal ketika perintah ini diterminal

composer require phpmailer/phpmailer

2. Jika sudah maka buat file pada satu direktory yang sama dengan file PHPMailer yang telah kita
    download tadi

touch index.php

3. Lalu ketikan syntak ini didalam file index.php, ini adalah contoh syntak send mail dari local server
    menggunakan PHPMailer

4. Lalu ketikan syntak ini di new file atau override file yang tadi, lalu isi dengan contoh syntak send       mail Melalu server smtp, disni kita menggunakan smpt.gmail.com :
Nah itu gan beberapa contoh penggunaan method send mail di PHPMailer untuk dokumentasi lebih lengkap bisa langsung meluncur ke PHPMailer


Nah sekian post dari ane, mudah-mudahan bermanfaat

See you on the next post