Goodpixelpro Tutorial – Sebagai programmer tentu kita tidak asing dengan yang namanya debug process , sebuah proses yang dilakukan oleh para programmer untuk mencari dan mengurangi bug, atau kerusakan di dalam sebuah program komputer agar program tersebut bekerja sesuai dengan harapan. Untuk javascript sendiri , jika dia adalah client-side , maka kita bisa melakukan debug dengan menggunakan fitur dari web…

Goodpixelpro Tutorial – Baiklah dalam kesempatan saya kali ini dalam kuartal pertama pada tahun 2018 ini, pada postingan saya yang kedua ini saya ingin berbagi knowledge mengenai PDFmake yang kebetulan di projek si MERAH , tool ini di gunakan guna untuk ngeprint suatu isi dari container dalam html yang datanya berasal dari service dan dinamis, maka saya menggunakan tool ini…

Goodpixelpro Tutorial – Sampai jumpa kembali, kali ini saya akan membahas Object destructuring di javascript. Yah, Dengan mengetahui ini akan membantu kamu melakukan coding menjadi lebih simple, clean, pretty dan readable hehehe. Menurut saya bagian paling sulit dalam javascript adalah membuat kodingmu mudah di baca orang karena javascript sangat flexible dalam penulisan variabel, function dan loose data type. Langsung saja…

Goodpixelpro Tutorial – Saat ini saya memegang sebuah project yang menggunakan sebuah teknologi front-end bernama React.js . apa itu React.js bisa anda baca disini. , Yang menjadi perhatian saya disini adalah pemakaian ES6 atau ECMAScript2015, yang baru rilis di juni 2015. Tidak seperti ES5 , ES6 belum stabil di semua browser (berkaitan dengan compability terhadap browser), sehingga diperlukan suatu mekanisme…

Goodpixelpro Tutorial – Apa itu babel , atau babeljs? Yep , babel adalah sebuah transpiler , a javascript compiler , sebuah source-to-source compiler yang berguna untuk mengubah JavaScript 6 ( ECMAScript2015 atau es6 ) ke JavaScript 5 . Sebenarnya ada beberapa transpiler di luar sana, sebut saja traceur, saya memilih babel dengan pertimbangan hasil transpile babel lebih readable daripada traceur,…

Goodpixelpro Tutorial – Apa itu flux? Flux adalah suatu pattern yang digunakan oleh facebook untuk membangun sebuah client-side web application. Flux merupakan unidirectional data flow ( data flow searah ) pattern . Lebih jelas nya bisa di lihat disini Berikut ini ilustrasi dari flux pattern Lalu apa itu Reflux ? Reflux adalah suatu javascript library yang terinspirasi dari Flux Architecture.…

Goodpixelpro Tutorial – Sebagai konsultan, kami di Nostra seringkali mendapat kesempatan dan di-haruskan bekerja langsung on-site di kantor client dengan memakai PC yang telah di-sediakan dan biasanya akses administratif serta jaringannya di lock-down sesuai dengan policy perusahaan tersebut. Sering kali komunikasi antar team member menjadi terhambat apalagi kalau meja-nya saling berjauhan, karena tidak mungkin saling bersautan dengan nada suara tinggi…

Goodpixelpro Tutorial – Pada kesempatan kali ini saya akan melanjutkan pengembangan aplikasi yang tertunda pada Part 1. Server Logic Seperti yang sudah saya jelaskan pada postingan sebelumnya, fungsionalitas server terdapat pada file “server.js“. Pada file ini kita akan menambahkan kode untuk menghandle request Socket.io dari client (seperti yang telah di jelaskan sebelumnya Socket.io juga berjalan di client – pada kasus…