Berkarya Dengan Web

Perkakas Bahasa pemrograman meliputi HTML, CSS, dan JavaScript. Teks editor. Salah satu yang direkomendasikan adalah Visual Studio Code. Browsers atau peramban. Tiga yang direkomendasikan karena memiliki engine yang beragam antara lain Safari, Firefox dan Chrome. Development server yakni Live Server yang ada di dalam Visual Studio Code dalam bentuk plugin. Production server. Netlify dan Vercel adalah dua production server yang saya rekomendasikan karena kaya fitur, sudah menyediakan hosting dan domain gratis serta SSL gratis....

October 31, 2020 · 4 min · Satya Kresna

Web API untuk Membagikan Konten Web

Intro Apa yang dibutuhkan pengguna untuk membagikan konten web dari browser ke media lain? Sebuah tautan. Atau bisa juga ditambahkan judul konten web namun ini sifatnya opsional. Membagikan Konten Web di Mobile dan Desktop Jika pengguna membagikan konten web di mobile (studi kasus Android), umumnya ada dua cara: Blok dan salin tautan web yang ingin dibagikan di address bar browser dan tempel ke media lain seperti Google Keep....

June 25, 2020 · 3 min · Satya Kresna

Membangun Brave Frontier Wiki

Intro Setelah membangun bravefrontier API (Unofficial), berikutnya saya membuat bravefrontier wiki (frontend). Halaman yang ingin saya tampilkan antara lain halaman daftar omni unit dengan filter nama dan elemen dan halaman detail omni unit berisi profil omni unit, rekomendasi SP dan tombol share. Website wiki: https://bfwiki.satyakresna.io Repositori proyek: https://github.com/satyakresna/bfwiki Halaman Daftar Omni Unit Halaman ini menampilkan 100 omni unit di awal beserta form pencarian nama dan elemen. Ketika pengguna menggulir layar ke bawah (scroll down) menuju omni unit terakhir (unit ke-100) maka aplikasi akan menampilkan 100 omni unit berikutnya....

June 6, 2020 · 3 min · Satya Kresna

Membangun Brave Frontier API Unofficial

Intro Saya sudah merencanakan membuat sebuah wiki yang memudahkan saya untuk mencari rekomendasi SP (Speciality Points) pada omni units dari situs wiki Brave Frontier Global Fandom di akhir tahun 2019. Kenapa repot-repot membuat wiki kalau sudah wiki Brave Frontier Global Fandom? Terlalu banyak informasi yang tersedia di situs wiki tersebut. Yang saya perlukan saat itu adalah rekomendasi SP dari omni units. Tapi, saya belum menemukan API resmi dari Brave Frontier Global Fandom....

May 30, 2020 · 9 min · Satya Kresna

Catatan Kecil WebPageTest

Webpagetest adalah salah satu alat gratis untuk mengukur performa halaman website. Webpagetest memungkinkan kita untuk menjalankan tes performa website di sejumlah lokasi berbeda di seluruh dunia dan di sejumlah browser berbeda pula. Median run table: tabel yang menampilkan rata-rata dari berapa kali tes yang dijalankan. First view: Kunjungan pertama pengguna ke website. Repeat view: Kunjungan berikutnya setelah kunjungan pertama pengguna ke website. Pada kunjungan ini, website lebih cepat dimuat karena ada beberapa aset yang sudah di cache oleh browser pada fase First view....

April 27, 2020 · 3 min · Satya Kresna

Bedanya Static dan Dynamic import

Buat yang pernah pakai ES Modules pasti tidak asing dengan dua kata ini: import dan export. Selain berfungsi untuk membuat sebuah modul dan memudahkan manajemen kode, ES Modules juga berfungsi sebagai tree-shaking. Tree-shaking adalah istilah untuk membuang kode mati (tidak diperlukan) di JavaScript. Deklarasi Static Import import berperan untuk memanggil fungsi yang sudah kita export. Untuk menggunakan import, kita perlu menyisipkan atribut type="module" di tag script. Mari perhatikan contoh cara deklarasi static import...

April 25, 2020 · 3 min · Satya Kresna

Pelajaran Dari Membuat Starter Kit Web

Aktivitas yang terjadi setiap kali mengerjakan sebuah proyek: Membuat direktori nama project Merancang struktur folder (misal 3 - 10 menit) Menginstal perkakas (maks. 5 menit) Mengatur konfigurasi (misal 10 - 15 menit) Mulai mengerjakan proyek Total waktu = 18 - 30 menit Jika pola di atas dilakukan berulang di setiap proyek tentu ini tidak baik karena akan menyita waktu khususnya di bagian merancang struktur folder dan mengatur konfigurasi....

April 13, 2020 · 4 min · Satya Kresna

Deploy Laravel Project dengan Github Actions

Github sudah merilis produk Github Actions dengan tujuan untuk memudahkan software developer melakukan Continuous Integration (CI) dan Continuous Delivery (CD). Sederhananya, kita bisa men-deploy program kita ke server tanpa harus menggunakan FTP. 😝 Cukup menggunakan perintah git push ke Github maka proses deployment ke server akan diproses oleh Github mulai dari menginstal dan meng-compile aset seperti paket NPM, kemudian hasil dari compile aset tersebut tinggal dikirim ke server. Jadi, server kita tidak perlu menginstal NodeJS karena proses menginstal dan meng-compile aset....

March 22, 2020 · 3 min · Satya Kresna