logo image Faisal Rahman
ID EN
My profile picture taken in the summer

Faisal Rahman

Praktisi aksesibilitas digital dan pengembangan Web. Ini adalah ruang saya berbagi pengetahuan.

  1. Kita Harus Peduli dengan Aksesibilitas

    Menghadirkan pengalaman digital yang inklusif adalah hal yang benar untuk dilakukan. Aksesibilitas sudah selayaknya menjadi prioritas.

    • Arsip
    • Teknologi
    • Aksesibilitas (a11y)

  2. Teknik-teknik Type Narrowing pada TypeScript

    Teknik-teknik type narrowing bisa memecahkan dilema antara fleksibilitas tipe dengan union type dan kepastian tipe saat memprosesnya.

    • Arsip
    • JavaScript
    • TypeScript

  3. Dua Pendekatan Pengukuran dan Pemantauan Performa Web

    Dalam memantau performa, ada dua pendekatan yang bisa diadopsi: synthetic monitoring dan real user monitoring (RUM). Keduanya saling melengkapi.

    • Arsip
    • Arsitektur Front End

  4. Mengukur Performa Website dengan Core Web Vitals

    Serba-serbi Core Web Vitals, petunjuk optimasi performa dan pengalaman pengguna (UX) situs web. Kupas tuntas mulai dari LCP, FID, sampai CLS.

    • Arsip
    • Arsitektur Front End
    • Teknologi

  5. Optional Chaining pada JavaScript

    Kali ini kita akan menyelami operator Optional Chaining yang dikenalkan ES2020 secara lebih mendalam, mulai dari motivasi, sintaks, hingga contoh kasusnya.

    • Arsip
    • JavaScript
    • Teknologi

  6. Bekerja dengan Ketiadaan dalam JavaScript: Objek dan Operator Tanda Tanya

    Nilai nullish memerlukan perhatian khusus pada konteks bekerja dengan objek. ES2020 mengenalkan optional chaining dan nullish coalescing untuk melakukannya.

    • Arsip
    • JavaScript

  7. Bekerja dengan Ketiadaan di JavaScript: Variabel dan Fungsi

    Seperti banyak bahasa pemrograman lain, JavaScript mengenal indikator ketiadaan, yaitu null dan undefined. Apa saja yang harus kita perhatikan tentangnya?

    • Arsip
    • JavaScript
    • Teknologi

  8. Array Bisa Melakukan Itu?

    Array dalam JavaScript adalah benda yang sangat menarik. Array memiliki banyak metode-metode prototipe yang menarik dan sangat berguna. Apa saja?

    • Arsip
    • JavaScript

  9. Menyajikan Dark Mode Berdasarkan Preferensi Sistem

    Dark Mode menjadi tren antarmuka di era kiwari. Kita bisa menggunakan pengaturan dark mode sistem operasi untuk situs kita cukup melalui CSS media query.

    • Arsip
    • CSS
    • Teknologi

  10. Mengenal Unit Testing

    Apa itu unit testing? Apa keuntungan melakukan unit testing? Apa yang dimaksud dengan unit? Mari kita diskusikan di sini.

    • Arsip
    • Teknologi

  11. CSS Naik Level dengan Sass

    Jika Anda seperti saya, Anda mungkin merasa menulis dan mengelola kode CSS adalah pekerjaan melelahkan, sekarang tidak lagi dengan Sass!

    • Arsip
    • CSS

  12. Cara Baru Iterasi di ES6 dengan Iterable dan Iterator

    ES6 membawa konsep baru bernama protokol, dengan dua protokol pertamanya: Iterable dan Iterator, yang dapat kita gunakan untuk power up iterasi kita.

    • Arsip
    • Teknologi
    • JavaScript

  13. Mengenal Webfont, serta Fenomena FOIT dan FOUT

    Dengan segala keuntungannya, penggunaan webfont memerlukan perhatian. Ini untuk mencegah dua fenomena terkait webfont: FOIT dan FOUT. Apa itu? Lihat di sini

    • Arsip
    • CSS
    • Arsitektur Front End

  14. Keanehan pada Tipe Data Number dan toString di Javascript?

    Ketika tipe data number, weak typing dan primitive type coercion bertemu, mereka menghasilkan keajaiban. Ajaib, dalam artian fenomena yang membingungkan.

    • Arsip
    • JavaScript

  15. Destructuring Assignment pada Javascript

    Mempelajari destructuring assignment pada Javascript, fitur yang diperkenalkan oleh ES6, yang meningkatkan keterbacaan dan memperingkas kode.

    • Arsip
    • JavaScript

  16. Berbicara Tentang Undefined, Null, Not Defined dan Undeclared

    Dalam Javascript, terdapat beberapa istilah yang sekilas terdengar mirip: undefined, null, not defined dan undeclared. Simak perbedaannya di sini.

    • Arsip
    • JavaScript

  17. Memahami Keluaran Git Diff secara Menyeluruh

    Setelah git commit, git pull dan git push, git diff adalah perintah Git yang (mungkin) paling sering saya gunakan. Eksekusi git diff sebelum melakukan...

    • Arsip
    • Git

  18. Catatan dari Geekcamp 2017

    Kemarin (Sabtu, 15 Juli) saya berkesempatan menghadiri konferensi Geekcamp 2017 di Senayan City. Geekcamp adalah tech conference yang diselenggarakan...

    • Arsip
    • Teknologi

  19. Automasi dengan Git Hooks

    Setiap pekerjaan yang dilakukan berulang-ulang adalah kandidat yang cocok untuk automasi. Termasuk ketika kita bekerja dengan Git, rutinitas yang...

    • Arsip
    • Git

  20. Elemen Metadata pada HTML

    Implementasi metadata pada dokumen HTML Anda dapat meningkatkan makna semantik, ranking SEO dan memperkaya situs Anda. Pelajari caranya di sini.

    • Arsip
    • HTML

  21. Memperbarui Instalasi Ghost dalam Docker

    Langkah-langkah untuk melakukan pembaruan instalasi Ghost dalam Docker Anda, yang ternyata lebih praktis dibandingkan metode instalasi biasa.

    • Arsip
    • Teknologi

  22. Instalasi Ghost dalam Docker di DigitalOcean

    Instalasi Ghost untuk dapat dilakukan dengan lebih praktis dan modular dengan Docker. Di sini kita akan membuat blog berbasis Ghost di server DigitalOcean.

    • Arsip
    • Teknologi

  23. Bermain dengan Git Diff

    Umumnya, perintah git diff digunakan untuk menginspeksi perubahan yang kita lakukan ketika bekerja pada suatu repositori Git. Dengan perintah dasar git...

    • Arsip
    • Git

  24. Lint Kodemu!

    Di masa Unix V7, sekitar tahun 1979, diperkenalkan sebuah program bernama Lint diluncurkan bersama dengan sistem operasi tersebut. Lint adalah program...

    • Arsip
    • Teknologi
    • Git

  25. Modul Berbasis IIFE

    > Good authors divide their books into chapters; good programmers divide their programs into modules. Secara kebahasaan, modul dapat diartikan sebagai...

    • Arsip
    • JavaScript

  26. Immediately-Invoked Function Expression (IIFE) dan Motivasinya

    Penggunaan variabel global dalam Javascript sangat ditentang karena banyak alasan [1]. Dua yang utama adalah sulitnya mengontrol akses terhadap resource...

    • Arsip
    • JavaScript

  27. Bencana Git Merge dengan Strategi 'Ours'

    Beberapa waktu lalu, saya mengalami bencana ketika hendak memperbarui branch fitur yang sedang saya kerjakan berdasarkan master branch dengan...

    • Arsip
    • Git