Belajar Golang Dasar

mrfdn.com - Pada postingan ini saya ingin mendokumentasikan tentang bagaimana cara saya menjalankan program Go / Golang pertama saya. Go bisa digunakan untuk membuat aplikasi web, mulai dari rest api, sampai web yang kompleks. Untuk awal, mari kita belajar menulis codingan go pertama kita. Daftar Isi Inisialisasi projekan go Membuat file utama main.go untuk menjalankan web server Struktur folder projekan go Menjalankan projekan go Compile go project Pastikan go sudah terinstall di komputer anda. ...

April 12, 2024 · 2 min · Rafi

Cara Menampilkan Loading Indicator dengan HTMX

mrfdn.com - Saya sedang asyik ngulik Express dan HTMX. Dan terasa menyenangkan karena HTMX seperti magic. Hal-hal yang terasa malas dikerjakan dengan susah payah kini bisa dilakukan dengan mudah. Contohnya kali ini saya ingin menampilkan indikator loading saat proses fetching data di server. Caranya sangat mudah, HTMX memiliki atribut yang bernama hx-indicator. Atribut ini bisa ditempatkan pada tombol atau tag html yang mengeksekusi fetching data. Di sini saya menggunaakan tag <button> untuk melakukan fetching data. ...

March 9, 2024 · 1 min · Rafi

Cara Deploy ExpressJS ke Vercel (Serverless)

mrfdn.com - Halo… Express js merupakan salah satu framework Nodejs terbaik yang ada di dunia. Dia bisa menjalankan aplikasi berbasis web dengan NodeJS sebagai backend untuk segala kebutuhan. Baik untuk serve static file hingga CRUD (create, read, update, delete) sederhana dengan mengintegrasikan database. Jika anda memiliki aplikasi CRUD yang menggunakan Express JS, anda bisa mengonlinekan aplikasi anda itu ke internet dengan menggunakan Vercel. Vercel merupakan salah satu platform yang bisa digunakan untuk hosting web secara gratis. ...

March 6, 2024 · 3 min · Rafi

2 Contoh Cara Mengimplementasikan Dark Mode pada Halaman HTML: Panduan Praktis

mrfdn.com - Dark mode, atau mode gelap, telah menjadi tren desain antarmuka pengguna yang populer. Banyak pengguna menghargai opsi ini karena dapat mengurangi kelelahan mata dan meningkatkan kenyamanan saat menggunakan perangkat pada malam hari. Dalam artikel ini, kita akan membahas cara mengimplementasikan dark mode pada halaman HTML dengan menggunakan HTML, CSS, dan JavaScript. Versi 1 : Tanpa Toggle Pada contoh pertama ini, kita menggunakan 2 tombol untuk klik secara manual antara light mode atau dark mode. ...

January 14, 2024 · 2 min · Rafi

Cara Membuat/Convert Database Sqlite dari File CSV

mrfdn.com - SQLite adalah database relasional yang ringan dan mudah digunakan. Database ini dapat digunakan untuk berbagai keperluan, termasuk menyimpan data dari file CSV. File CSV adalah file teks yang menyimpan data dalam format tabel. Setiap baris dalam file CSV mewakili satu baris data, dan setiap kolom dalam baris mewakili satu atribut data. Untuk membuat SQLite database dari file CSV, kita dapat melakukannya dengan beberapa baris perintah SQL untuk membuat database dan mengimpor data dari file CSV. ...

October 28, 2023 · 2 min · Rafi

Cara Setup Blade Laravel+Tailwind

mrfdn.com - Kali ini saya hanya ingin mencatat bagaimana cara bekerja menggunakan file blade laravel dengan mengintegrasikan tailwind css. Pertama install dependencies dulu npm install -D tailwindcss postcss autoprefixer Sekarang install tailwind npx tailwindcss init -p Sekaranb buka file tailwind.config.js lalu tambahkan baris ini: /** @type {import('tailwindcss').Config} */ export default { content: ["./resources/**/*.blade.php"], theme: { extend: {}, }, plugins: [], }; Selanjutnya edit file resources/css/app.css lalu tambahkan file ini: @tailwind base; @tailwind components; @tailwind utilities; Setelah itu buka file blade.php lalu set Tailwind pada dengan menambahkan baris ini. ...

August 26, 2023 · 1 min · Rafi

Belajar Css Reset

CSS reset adalah teknik dalam pengembangan web yang bertujuan untuk mengatur ulang (reset) tampilan default dari elemen-elemen HTML yang diatur oleh browser. Tujuan utama dari CSS reset adalah untuk menciptakan konsistensi antara berbagai browser yang berbeda dalam menampilkan elemen-elemen dasar HTML. Setiap browser memiliki gaya bawaan (default styles) yang diterapkan pada elemen-elemen HTML seperti margin, padding, jenis huruf, ukuran teks, dan sebagainya. Gaya-gaya ini dapat berbeda antara satu browser dengan browser lainnya, yang menyebabkan tampilan yang tidak konsisten antar browser. ...

June 10, 2023 · 2 min · Rafi

19+ Cara Menggunakan Printer Untuk Lebih Dari 1 Komputer

mrfdn.com - Berikut beberapa pertanyaan yang sering diajukan ketika bertanya tentang cara menggunakan printer untuk lebih dari 1 komputer / laptop. Untuk penggunak sistem windows. Buka “Devices and Printers” di komputer kedua, Klik “Add a printer”, Pilih opsi “Add a network, wireless or Bluetooth printer”, Klik pada printer, Klik “Next”, Lalu ikuti petunjuk selanjutnya hingga selesai menambahkan printer bersama. Kedua komputer sekarang dapat menggunakan printer. Bagaimana cara menghubungkan komputer saya ke printer saya secara langsung? Printer Anda harus dikemas dengan kabel USB terlepas dari apakah itu printer nirkabel atau kabel. Colokkan kabel ke printer dan port USB komputer Anda. Tautan langsung akan memicu komputer Anda untuk mengenali printer dan memulai perangkat lunak yang diperlukan untuk menyelesaikan penginstalan. ...

May 18, 2023 · 5 min · Rafi

21+ Pertanyaan Seputar Cetak Mencetak Dengan Printer

Bagaimana cara mencetak dokumen dari desktop Windows 10 Pilih Cetak dari menu File program Anda. Klik ikon Cetak program, biasanya printer kecil. Klik kanan ikon dokumen Anda yang belum dibuka dan pilih Cetak. Klik tombol Print pada toolbar program. Seret dan lepas ikon dokumen ke ikon printer Anda. Bagaimana cara menghubungkan komputer saya ke printer HP saya? Cara mengatur printer Anda di perangkat Android Anda. Untuk memulai, buka PENGATURAN, dan cari ikon SEARCH. Masukkan PRINTING di kolom serch dan tekan tombol ENTER. Ketuk opsi CETAK. Anda kemudian akan diberikan kesempatan untuk mengaktifkan sakelar “Layanan Cetak Default”. Bagaimana cara agar smartphone saya dapat mencetak? Bagaimana menghubungkan printer melalui kabel USB kabel ...

May 18, 2023 · 5 min · Rafi

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 Undangan pernikahan lewat WA Pertama, copy URL link undangan anda ke kolom A1 di excel. Biasanya diakhiri dengan ...

April 27, 2023 · 5 min · Rafi