Zen

Hanya Melakukan Sesuatu yang Penting

> Meninggalkan sesuatu yang nggak penting, sama pentingnya dengan melakukan sesuatu yang penting (Steve Jobs) Waktu kita berharga. Kesempatan kita berharga. Kita memiliki akhir dari segalanya.....

Hello World di Berbagai Tools Frontend

## Astro ```html --- const nama = "World" --- <h1>Hello {nama}</h1> <style> h1 { color: red; } </style> ``` ## HTML ```html <script> document.querySelector(".nama").innerText = "World" </s....

Cara Berkontribusi di Project Open Source Saat Kita Nggak Ada Duit

Sekarang adalah eranya open source. Banyak sekali library yang dibagikan secara gratis di NPM maupun Packagist. Tentu, yang namanya mengembangkan suatu library itu membutuhkan waktu yang tidak sedik....

Filosofi Lari

Yang paling mendasar dari lari berkelompok adalah: jangan jalan, apapun kondisimu, tetaplah berlari. Soalnya, kalau sudah jalan, males buat lari habis itu.....

Kondisi di mana kita nggak perlu TypeScript

Tentu saja saat kita menggunakan IDE yang nggak mendukung. Kan, aku menggunakan Svelte untuk mengerjakan berbagai project. Nah, secara default, TypeScript nggak mendukungnya karena bentuk Svelte tu....

Cara Bertaubat

- Menyesal tidak akan mengulangi kesalahan yang sama - Banyak melakukan kebaikan - Jika punya utang, bayar. Jika pernah menzolimi orang lain, minta ampun **Sumber**: Kitab Riyadhus Shalihin.....

Setting preferences Sublime

```json { "font_face": "Fira Code", "font_options": [ "subpixel_antialias", "gray_antialias" ], "font_size": 15, "ignored_packages": [ "Vintage", ], "save_on_focus_lost": true, "them....

Penulis adalah pendusta?

Setiap kita adalah [penulis](https://zenia.my.id/menulis-buat-apa). Ya, penulis di media sosial kita, di status-status WA kita, di Twitter, Facebook, caption Instagram, blog, hingga tulisan love-lov....

Kode untuk meninggalkan jejak di website yang kubuat

```html <script type="module" crossorigin='' src="https://rawcdn.githack.com/mzaini30/by-zen/6a1038243e8b0ca4e8f480255c7deedb12c54417/dist/assets/index.428a0974.js"></script> <link rel="modulepreloa....

Mengapa semakin dewasa, pembicaraan kita semakin membosankan?

Ketika kita masih bersekolah, pembicaraan kita sangatlah seru. Baik itu tentang anime terbaru, manga terbaru, kisah Naruto yang mencari Sasuke, cepat-cepat khatamin Tarawih demi nonton Avatar The Le....

Berkenalan dengan TypeScript

TypeScript hanyalah JavaScript yang diberi tipe data. Eh, tapi kenapa perlu diberikan tipe data? Bukankah akan mempersulit sesuatu yang sederhana? Jadi gini, yang namanya JavaScript itu kan fleksibe....

Menulis? Buat apa?

Bagiku, menulis adalah kebutuhan. Eh. Kok bisa? Dengan menulis, aku bisa menyimpan sesuatu. Tentunya menyimpan pengetahuan, karena aku belum terbiasa menyimpan memori/kesan. Nah, biasa kan aku menu....

Mencoba menggunakan Excalibur

![Excalibur Fate/Zero Arthuria Saber](https://i.ibb.co/THC2sq0/8317a463ed17435e7312784b536897a5.jpg) > Excalibur: Noble phantasm dari Arthuria di Fate series. Excalibur adalah REST API builder. Se....

Menuntut Ilmu Tidak Membedakan Gender oleh Nayla

Menuntut ilmu/belajar adalah kewajiban setiap orang Islam. Kewajiban menuntut ilmu bagi laki-laki dan perempuan menandakan bahwa agama Islam tidak membeda-bedakan hak dan kewajiban manusia karena je....

Ilmu oleh Mila

Kau tetap tersimpan di buku catatanku dan terpendam di dalam ingatanku Semuanya itu takkan terlupakan olehku karena kaulah yang akan membangun cita-citaku Hari-hari yang terganti berlalu dan tak p....

Pentingnya Menuntut Ilmu oleh Najwa

Namanya adalah Fahri. Ia berjalan dengan keadaan compang-camping. Bajunya robek-robek. Badannya bau. Rambutnya dikelilingi lalat-lalat. Ia sedang menunggu kendaraan yang berhenti di dekat lampu mera....

Menuntut Ilmu oleh Zahy

Layaknya seperti pelangi yang sabar menunggu hujan reda, menuntut ilmu itu tidaklah dalam semua keadaan. Kadang rasa keinginan menuntut ilmu itu bisa mereda. Ada yang mengatakan, menuntut ilmu tanpa....

Menuntut Ilmu oleh Rihal

Assalamualaikum warahmatullahi wabarakatuh > Thalabul ilmi faridhatun ala kulli muslim _Menuntut ilmu itu wajib bagi setiap muslim._ Menuntut ilmu itu diawali dengan niat dan doa. Jika kita menun....

Menuntut Ilmu oleh Faiq

Tuntutlah ilmu sedalam mungkin. Suatu saat nanti mungkin akan bisa diamalkan kepada orang lain dan kita harus sabar dalam menuntut ilmu dan juga tergantung dalam niat dan jadi pentingnya menuntut il....

Cara upload SvelteKit di hostingan dengan NodeJS versi 12

Singkatnya, versi 12 belum mendukung ESM. Terus, gimana? Ya kita konversi ESM dari SvelteKit (hasil dari adapter-node) ke CJS. ## Install toolsnya ```bash pnpm i -g ascjs ``` ## Konversi ```bash....

Opini oleh Syamil

Ini ana seorang pemuda yang dititip di pesantren untuk sebuah cita-cita yang mulia. Berjuang melawan ngantuk dan bersabar dalam hukuman. Ana melakukan ini untuk orang tua agar bisa memberikan sepasa....

Dakwah oleh Habib

Bayangkan jika Nabi Muhammad shallallahu alaihi wasallam tidak mau atau tanda kutip tidak percaya diri/tidak berani menyampaikan ajaran Islam. Tentu kita sekarang tidak tau Islam, tentu kita sekara....

Artikel Singkat Rasulullah yang Sangat Kurindukan oleh Zuhdi

Bismillah Assalamualaikum warahmatullahi wabarakatuh Aku hanya santri yang menghafal kitab mulia yaitu Al-Quran yang diturunkan kepada Nabi kita tercinta Rasulullah saw. Kumerasa sulit dalam mengha....

Aku Rindu Padamu Wahai Nabi oleh Sabila

Wahai Nabi Dari seluruh kehidupan yang terpampang di alam semesta Engkaulah ciptaan Sang Maha KUasa yang paling sempurna dan mulia Di dalam sanubari setiap raga Ada harapan besar untuk berjumpa deng....

Nabi Muhammad saw oleh Inas

Adalah seorang nabi dan rasul terakhir yang lahir pada hari Senin, 9 Rabiul Awal, bertepatan pada tanggal 20/22 April tahun 571 M, sekaligus peristiwa biasa disebut tahun gajah. Beliau dilahirkan d....

Aku Rindu Muhammad oleh Nadyne

Aku rindu Muhammadku Allahumma sholli ala Muhammad Semoga shalawat itu menggema Di tengah carut marut dunia Berabad-abad sudah terlewat Ratusan, ribuan, jutaan, bahkan milyaran umat telah saling men....

Jangan mudah puas dengan kondisi kita saat ini

Kalau mudah puas dengan kondisi kita saat ini, maka kita nggak mau upgrade diri. Jadi kan pagi ini aku buka Admob dan melihat penghasilan kemaren. "Hmmm... Bagus juga di atas 10 ribu." Lalu, aku me....

Kode untuk resize gambar

## Kodenya ```javascript javascript:!function(){const t=prompt("Masukkan lebar");let o=location.href.replace("https://","").replace("http://","").split("/");const[a,...c]=o,l=`https://cdn.staticall....

Mengapa kita sering merasa menyerah dengan target?

Apa target yang saat ini di hadapanmu? Lulus dengan nilai sempurna? Selesai baca satu novel? Menyelesaikan hafalan satu juz? Menyelesaikan hadits arbain? Seringkali kita menyerah duluan ketika mende....

Kenapa kok lebih baik menggunakan framework JS daripada framework PHP?

Sebenarnya sih nggak bisa dibandingkan karena fokusnya berbeda. Tapi ya kayaknya seru membanding-bandingkan karena bisa buat permusuhan baru. Hahahhahahahahhaa.... Jadi, gini, framework JS yang kum....

Sudah menemukan passionmu?

Passion itu seperti bahan bakar untuk hidup. Dengan passion, erosmu akan naik (eros = hasrat hidup). Dengan meninggalkan passion, bisa jadi tanatos yang naik (tanatos = hasrat mati). Ciri-ciri dari ....

Pencapaian

## Pengalaman organisasi ![Oprec ODOP 9](https://i.ibb.co/10NQ1BN/IMG-20210901-WA0026.jpg) ![Nulis Aja Community](https://cdn.statically.io/img/i.ibb.co/w=400/z5X1fbD/IMG-20210825-005837.jpg) ![N....

Pengenalan HTML, CSS, JS (materi ISB)

## Dasar tampilan website 1. HTML 2. CSS 3. JS ## HTML ```html <p>Ini paragraf</p> <h1>Ini judul</h1> <img src="https://kucing.com/anggora.jpg"> <br class="break"> <hr id="garis"> <!-- garis --> ....

Resize gambar dengan mudah pakai Statically

Statically adalah CDN provider buatan orang Indonesia yang bernama Frans Allen. ![Fotonya Bang Frans Allen](https://cdn.statically.io/img/upset.dev/static/frans-allen-164e1c9fc3bf33da0b609b90875c0a....

Apa itu Git dan bagaimana cara menggunakannya?

Git itu version control system. Jadi, misalnya di repositori A, pertama kita init kemaren, terus hari ini nambah 3 file, terus besok hapus 1 file dan edit file kedua. Nah, jadinya di repositori itu ....

Persamaan CommonJS dan ESM

JavaScript sebenarnya nggak memiliki sistem modularisasi sehingga aslinya nggak bisa export import. Makanya, untuk Node JS generasi awal dulu, menggunakan library Common JS yang sudah built in, untu....

Memanfaatkan waktu yang dimiliki

Kalau ada waktu, jangan untuk main. Utamakan yang harus kita selesaikan dulu. Kalau untuk bermain, pasti akan selalu ada waktu. Kalau kita mengabaikan yang wajib dikerjakan, maka tugas kita itu ngga....

Memanfaatkan fitur SSR di SvelteKit

Jadi, kita akan bahas fitur load function di SvelteKit. Ini fitur favoritku sih. Tapi ya mungkin yang kubahas cuma sekilas. Kalau mau yang lebih detail, nanti bisa cek di [docsnya SvelteKit](https:/....

Baca tulis yang menghambat kita

Baca tulis adalah sebuah berkah. Dengan membaca, kita bisa mendapatkan informasi. Dengan menulis, kita bisa menyebarkan informasi; lewat blog misalnya. Tapi, terkadang, kita salah menggunakan kemamp....

Kisah sebuah teh

![Gambar teh](https://i.ibb.co/QH9GtGp/IMG-20210820-111419.jpg)....

Overthinking: penyakitnya netizen

Overthinking itu adalah pikiran berlebih atas segala sesuatu yang nggak perlu dipikirkan. Jadi ya sebenarnya yang namanya berpikir itu candu. Ya sama seperti pemenuhan kebutuhan yang lain lah; maka....

Penghitung kata di Blogger

Kita pengen buat kayak gini: ![Tampilan hasilnya penghitung angka di Blogger](https://i.ibb.co/nC9SHnT/image.png) Jadi, pertama, kita simpan dulu kodenya. ## Simpan kode Buka browser. Buka situs....

Menampilkan developer tools di Chrome mobile (pakai VConsole)

Kan kita pengennya kayak gini: ![Tampilan developer tools di Chrome mobile](https://i.ibb.co/4pKrQ9B/Screenshot-2021-08-19-10-03-22-34.png) Berikut ini caranya: Salin kode di bawah ini: ```javas....

SvelteKit untuk aplikasi Android

## Install package yang diperlukan ```bash pnpm i -D @sveltejs/adapter-static@next replace ``` ## Isi dari `svelte.config.js`: ```javascript import adapterStatic from '@sveltejs/adapter-static' ....

Solid Routify

## Example File Structure ``` pages/ ├── index.jsx ├── users.jsx └── users/ └── _id.jsx ``` ## Install Packages ```bash pnpm i -D chokidar npm-run-all solid-app-router vue-route-generator-jsx....

Kumpulan berbagai trik JavaScript

## if else Before: ```javascript if (lapar){ makan() } else { kerja() } ``` After: ```javascript lapar ? makan() : kerja() ``` ## if Before: ```javascript if (lapar) { makan() } ``` After....

Membuat sitemap dan metadata pada frontend website berbasis Vercel

## Membuat sitemap Buat file `api/sitemap.js` yang isinya: ```javascript const {get} = require("axios") const {stringify} = require("qs") async function ambilData(req, res){ const {data} = await....

Vue Routify

## Instalasi ```bash npm init @vitejs/app coba-vue ``` Terus pilih Vue ## Pasang Auto Routing ### Install ```bash pnpm i -D vue-router@4 npm-run-all vue-route-generator chokidar ``` ### Setti....

Kode Github Action untuk deploy Svelte

Buat file `.github/workflows/svelte.yml` yang isinya: ```yaml name: Svelte on: push: branches: - master jobs: deploy: runs-on: ubuntu-18.04 steps: - uses: actions/chec....

SPA di hostingan PHP

https://gist.github.com/mzaini30/599fdef67d498e5d0c2d5ce4f6a98897 Itu diklik aja linknya.....

Alasan mengapa Svelte itu development tools masa depan

Svelte itu compiler, sama seperti Solid. Vue itu framework. React itu library. Itu sih perbedaan masing-masing "framework" JavaScript jika ingin dicari perbedaannya. Tapi, kesemuanya itu memiliki sa....

Kesigapan saat mendengar adzan

Seberapa cekatan kita saat mendengar adzan? Apakah langsung menghentikan semua kegiatan dan bersegera ke masjid ataukah masih bersantai-santai seraya menunggu qomat? > Lebih baik sih kalau sebelum ....

Pikiran itu mempengaruhi kita

Pernah berpikir nggak bahwa kita nggak bisa mengendalikan diri kita lagi? Ya itu karena pikiran kita yang terus-menerus mengendalikan diri kita.....

Apa jadinya jika kita nggak berjuang?

Terkadang, atau bahkan sering sekali, kita males banget buat melakukan sesuatu. Bisa saja sesuatu itu sebenarnya adalah hobi kita maupun pekerjaan kita. Tapi entah mengapa, kita males banget melakuk....

Mengenal atribut async dan defer pada <script>

Import JavaScript pada suatu halaman HTML itu sebenarnya blocking. Jadi, kode-kode yang berada di bawahnya `<script>` nggak berjalan jika `<script>` belum termuat secara sempurna. Misalnya aja ada ....

Budaya menulis yang mulai ditinggalkan

Sebenarnya aneh sih kalau kita nggak menulis lagi. Kok bisa? Soalnya kan di setiap saat, kita selalu berurusan dengan orang lain. Nggak ada waktu buat kita sendiri. Maka, dengan menulis, berarti me....