blank

AI Series: Mengenal Large Language Models

Kita hidup di era ketika mesin mulai bisa membaca, menulis, menerjemahkan, merangkum, bahkan berdebat, ada satu teknologi yang menjadi pondasinya: kecerdasan buatan. Seri tulisan ini hadir untuk membongkar lapisan demi lapisan teknologi tersebut, mulai dari bagaimana komputer belajar memahami bahasa manusia, apa yang sebenarnya terjadi ketika kamu mengetik pertanyaan ke ChatGPT atau Claude, hingga […]

blank

Menampilkan Data Dari Google Sheet Localhost Gridjs

mrfdn.com – Kali ini saya ingin membagikan tutorial tentang cara menampilkan data table dari Google Sheet ke HTML di Localhost. Di sini saya menggunakan GridJS untuk menampilkan data tersebut ke dalam tabel. Kenapa Gridjs? Karena fitur yang saya inginkan ada di sini, seperti: Pencarian Pagination Sort Fetch API dan lain-lain. Pertama, buatlah sebuah table sederhana […]

blank

Mengirim Data Dari Localhost Ke Google Sheet

mrfdn.com – Pada tutorial sebelumnya sudah dijelaskan tentang cara menampilkan data dari Google Sheet ke file HTML di Localhost. Kali ini saya ingin share bagaimna cara mengirim data dari localhost ke Google Sheet menggunakan form HTML sederhana. Script HTML untuk submit ke satu sheet Google Sheet# Pertama, buat file form html nya, kira-kira seperti ini. […]

blank

Membuat Navbar Sticky Navbar yang Bisa Sembunyi Saat Scroll Bawah dan Muncul Saat Scroll ke Atas

mrfdn.com – Mungkin anda pernah terpikir untuk membuat responsif navbar yang bisa sembunyi saat scroll ke bawah lalu saat scroll layar ke atas navbar tersebut bisa munucl tanpa scroll full ke atas layar. Ini bisa dipecahkan dengan menjalankan beberapa baris javascript DOM. Misalnya navbar saya tempatkan di dalam sebuah header seperti ini. <header> <nav class="container"> […]

blank

Cara Update/Upgrade Astro ke Versi 2.0 Latest

mrfdn.com – Saya memiliki sebuah projek website dimana saya menggunakan AstroJS sebagai backend nya. Kemudian beberapa waktu yang lalu Astro sudah memiliki versi terbaru yaitu astro versi 2.0. Terdapat beberapa perubahan dimana saya harus beradaptasi lagi dengan fitur-fitur baru astro 2.0 ini. Sebelumnya projek saya sedang berjalan pada astro versi 1.9.2. Saat tulisan ini dibuat […]

blank

Svelte Url Parameter String Value – Nama Tamu Undangan Web

mrfdn.com – Saat ini saya belajar rebuild website undangan online menggunakan Svelte. Web undangan online yang sedang aktif dibuild menggunakan Astro. Menggunakan astro untuk build website sungguh sangat memudahkan. Selama rebuild website saya mengalami beberapa tantangan, seperti bagaimana cara menampilkan props di Svelte sehingga data bisa diakses pada halaman manapun. Setelah itu tantangan baru sebagai […]

blank

Script Konfirmasi Hadir Tamu Undangan Svelte

mrfdn.com – Pada artikel ini saya mencoba untuk membuat form sederhana. Fungsi form ini adalah mengirim data dari aplikasi web ke Google Sheet tapi kali ini menggunakan Svelte JS. Jadi langsung saja, pertama buat sebuah file komponen Svelte. Kemudian paste kode ini pada bagian <script> //export let data; const scriptURL = "https://script.google.com/macros/s/AKfycbyguZjskDwvOMge67lJXgNfFkWX9xt7orf5Hx3UyFjE3OMELyitQ3wh6jM5Vl_casdf/exec"; let form; let […]

blank

Cara Ampuh Menyebarkan Link Undangan Online ke Sosial Media dan Kontak WA

mrfdn.com – Setelah membuat undangan online berbasis website, anda mungkin ingin tahu trik supaya lebih gampang menyebarkan link undangan online tersebut. Pasti repot ingin nulis nama tamu satu per satu untuk setiap link undangan yang ingin dikirimi. Di sini saya ingin share salah satu triknya, hanya dengan menggunakan Excel/Google sheets atau aplikasi serupa. Cara mengirim […]

TOP