Irfan Maulana's Personal Blog
13. July 2017
Belajar Angular - Bagian 6 - Persiapan File Production - Development Angular dengan bantuan Angular-CLI memang sangat dimudahkan baik dari mulai pembuatan project awal, penambahan berbagai komponen sampai pada pembuatan file production yang nantinya akan kita deploy atau host.
10. June 2017
Belajar Angular - Bagian 5 - Membuat Custom Pipe atau Filter - Angular dari semasa masih versi satu sudah menyediakan fitur keren ini, di AngularJS kita kenal dengan nama Filter sedangkan di Angular kini dikenal dengan sebutan Pipe. pipe/Filter ini sendiri merupakan fitur yang memungkinkan kita untuk men-transform atau mengubah maupun mem-format suatu data secara real-time. Pipe/Filter ini tidak berubah dari versi sebelumnya dari sisi sintax penggunaannya tetap ditandai dengan adanya pipe symbol (|) diikuti nama filter/pipe nya, contoh {{ dateNow | date }}.
09. June 2017
Belajar Angular - Bagian 4 - Membuat Route - Kita akan membahas mengenai cara membuat Routing menggunakan framework Angular. Routing di frontend javascript framework memang seperti sudah menjadi feature yang diwajibkan ada jaman sekarang, Angular dalam hal ini seperti biasa yang tidak mengikuti cara framework modern lain dalam menghadirkan Routing nya yang memilih dipisah dari framework utamanya, Angular justru selalu hadir dengan paket lengkap termasuk dengan built-in Routing didalamnya. Pada versi 2.x sendiri Angular memisahkan repository untuk Routing sehingga Anda akan melihat depedency @angular/router pada package.json, namun bedanya bahwa Router pada Angular di maintain secara official oleh team mereka dan selalu release sebaga satu kesatuan framework bersamaan dengan core nya.
29. May 2017
Belajar Angular - Bagian 3 - Membuat Service - Service atau Provider dalam Angular sendiri sudah diperkenalkan sejak AngularJS v.1.x, dimana service menjadi bagian yang Injectable dari kode Angular sehingga pada prakteknya sering digunakan sebagai pembungkusan (Encapsulation) dari suatu logic. Angular sendiri sudah menggunakan depedency injection (DI) sejak AngularJS versi 1.x sehingga lebih mudah untuk meng-inject atau memasukkan service kedalam komponen yang ingin menggunakannya.
24. May 2017
Belajar Angular - Bagian 2 - Membuat Komponen - Angular merupakan framework yang memiliki konsep Component Based seperti beberapa framework javascript modern lainnya, jadi salah satu yang perlu kita pelajari adalah bagaimana membuat komponen di Angular.
20. May 2017
Membuat Popup Modal Sederhana - Popup Modal adalah jendela sembul yang muncul di sebuah aplikasi baik dengan disengaja ataupun sekarang ini banyak pula yang tanpa dilakukan perintah oleh User namun tiba-tiba muncul Popup Modal tersebut. Dalam sebuah aplikasi ataupun halaman website Popup Modal seringkali digunakan ketika kita ingin memberikan informasi ataupun meminta User melakukan sesuatu namun kita tidak ingin User kita meninggalkan halaman yang sedang dikunjunginya sekarang. Salah satu praktek yang seringkali digunakan adalah untuk membuat form Log-in Register, dimana biasanya menggunakan Popup Modal Sebagai penampung nya.
17. May 2017
Belajar Angular - Bagian 1 - Pengenalan dan Inisialisasi Project - Angular merupakan versi upgrade dari AngularJS yang sebelumnya kita kenal. Ya, jika sebelumnya kita menggunakan AngularJS v.1.x maka di versi 2 keatas kita akan menyebut framework yang didukung Google ini dengan nama Angular (*tanpa embel-embel JS dibelakangnya). Jadi jelas juga kalau artikel kali ini kita akan membahas mengenai Angular versi 2 keatas. Pada saat artikel ini ditulis, Angular sendiri sudah mencapai versi 4.2.0.beta dan bisa Anda lihat di release page mereka. Kenapa saya sebut versi 2 ke atas ? Karena memang versi 2 adalah versi awal dimana Angular meluncurkan framework ini dengan mengusung perubahan total dari yang sebelumnya versi satu, mengenai versi Angular sendiri memang akan selalu bertambah secara rutin karena memang code nya yang open-source sehingga perbaikan dan penambahan fitur bisa lebih cepat. Bahkan meskipun sekarang sudah mencapai versi 4, Anda tidak perlu khawatir karena pada dasarnya masih sama dengan versi 2 dengan berbagai optimisasi dan perbaikan.
14. May 2017
Sisi Gelap Bootstrap CSS - Bootstrap CSS adalah salah satu Framework CSS terpopuler, terbaik dan terlengkap sampai saat ini. Ada banyak sekali hal yang dipermudah dengan menggunakan Bootstrap dibandingkan kita membuatnya manual menggunakan CSS native. Namun seperti setiap hal di dunia ini yang jika digunakan berlebihan pasti akan berdampak tidak baik, maka Bootstrap dengan segala kepopuleran serta kelebihan yang dimilikinya pun terkadang menjadi hal yang tidak baik untuk digunakan.
Apa sebabnya ?
17. April 2017
Mengenal BEM CSS - Setelah beberapa kali menulis dan menjelaskan soal BEM CSS, kali ini saya coba kembali menuliskan di blog ini dan berusaha menjelaskan mengenai BEM CSS dalam bahasa Indonesia yang semoga bisa dan masih mudah dipahami.
Pada dasarnya sudah banyak artikel diluar sana yang juga menjelaskan hal yang sama mengenai BEM CSS, namun memang sumber yang berbahasa Indonesia memang masih minim atau bahkan sangat sulit untuk ditemukan. Berangkat dari hal tersebut juga saya berusaha konsisten menulis di blog ini dalam bahasa Indonesia.
17. April 2017
Membuat Button dengan SASS - Button merupakan salah satu kompoenen web yang sering digunakan karena fungsinya yang menunjukkan sebuah aksi yang bisa dieksekusi setelah di klik. Button diluar sana terdapat banyak sekali variasinya tergantung dari faktor kebutuhan, estetika, maupun kesenangan pengguna maupun pengembang web.