PROTOFOLIO-PIQ 000 NYIAPIN LOGO… M. SYAFIIQ IKBAR W. — BENGKULU
PORTFOLIO 2025 — DIBUAT DI BENGKULU — SATU FILE, LIMA BAHASA
SELAMAT MALAM — PORTFOLIO 2025

M. SYAFIIQ IKBAR W.

WEB DEVELOPER — BENGKULU, INDONESIA

Gw bikin web dari Bengkulu — kota kecil di pesisir Sumatera yang ombaknya kenceng, kopinya pahit, dan sinyalnya kadang bikin raus. Lima bahasa ikut gw bawa ke mana-mana: JavaScript, Python, HTML, CSS, dan Java.

Siluet M. Syafiiq menghadap laut di pantai Bengkulu

FIG.00 — PANTAI, BENGKULU

EST. 2025 — BENGKULU, INDONESIA 5 BAHASA / 2 WEB LIVE / 1 DEV / 1 NOMOR WA DIBUAT TANPA TEMPLATE
WEB DEVELOPERBENGKULU, ID 5 BAHASA2 WEB LIVEOPEN FOR PROJECT
SEC.01 — TENTANG GWPROTOFOLIO-PIQ

Nama gw Syafiiq. Anak Bengkulu yang lebih nyaman ngobrol sama browser daripada drama.

Mulai dari iseng utak-atik HTML di waktu luang, sekarang jadi kebiasaan yang gak bisa gw lepas.

Buat gw, ngoding itu kayak ngobrol: lo bilang sesuatu ke browser, dan kalau lo bilangnya bener — dia dengerin.

Layar tablet menampilkan aplikasi kamera

FIG.01 — LAYAR & KAMERA, HARI BIASA

Siluet di tepi pantai saat langit remang

FIG.02 — PANTAI, IDE NYUSUL SENDIRI

00Bahasa dikuasai
00Web live & bisa dikunjungi
00Kota asal: Bengkulu
Gelas kopi dikonsumsi
SEC.02 — CARA GW KERJAPROTOFOLIO-PIQ

PRINSIP YANG GW PEGANG

/ 01

Mikir dulu, koding belakangan

Sebelum nulis satu baris kode pun, gw gambar dulu mau jadi kayak gimana. Kerangka salah, semua yang di atasnya ikut salah.

/ 02

Bikin cepat, poles lama

Prototipe diselesain di hari itu juga. Yang makan waktu itu polesan detailnya — dan justru itu bagian paling seru.

/ 03

Jangan bikin pengguna bingung

Web yang bagun itu yang gak perlu dijelasin pakai manual. Kalau pengunjung masih mikir "ini di-klik apa nggak ya", berarti belum beres.

SEC.03 — KARYA GW

DUA WEB YANG
GW BANGUN

Bukan mockup, bukan tugas kuliah — dua-duanya live. Screenshot di bawah ini hasil jadiannya beneran.

BUKA WEB ↗ PROYEK 01 — STREAMING FILM & SERIAL

UNFILM

Web streaming film dan serial yang gw rancang dan bangun sendiri dari nol — katalog trending, halaman detail lengkap dengan rating dan sinopsis, sampai pengalaman nontonnya. Dibikin buat orang yang males nunggu: buka, pilih, langsung tonton.

unfilm.pages.dev
Tangkapan layar web UNFILM: halaman detail serial Silo yang sedang trending SCREENSHOT ASLI — HALAMAN DETAIL SERIAL
DIBANGUN PAKAI → HTML · CSS · JAVASCRIPT unfilm.pages.dev
UNFILM.PAGES.DEVSTREAMING FILM
PROYEK 02 — UNMUSIC
BUKA WEB ↗ PROYEK 02 — MUSIK

UNMUSIC

Web musik buat dengerin dan jelajah lagu — rekomendasi yang nyambung sama selera, player yang gak ribet, dan tampilan yang nyaman dilihat malem-malem. UI-nya gw poles pelan-pelan sampai orang lupa kalau dia lagi buka browser.

unmusic.pages.dev
Tangkapan layar web UNMUSIC: rekomendasi lagu dan player musik SCREENSHOT ASLI — REKOMENDASI & PLAYER
DIBANGUN PAKAI → HTML · CSS · JAVASCRIPT unmusic.pages.dev
UNMUSIC.PAGES.DEVMUSIK & PLAYER
JAVASCRIPTPYTHONHTML CSSJAVA
SEC.04 — PERSENJATAAN

LIMA BAHASA,
SATU DEV

Lima bahasa yang gw pakai tiap hari, masing-masing punya cerita dan perannya sendiri. Satu kalimat yang sama — ditulis lima cara.

BAHASA 01/05 — TERAKTIFM. SYAFIIQ IKBAR W.
01

JAVASCRIPT

Otaknya web. Lewat JS, halaman yang tadinya cuma bisa diliatin jadi bisa diklik, digeser, dan ngerespon. Animasi yang lagi lo lihat di halaman ini juga dia yang kerjain. Bahasa yang paling sering bikin gw begadang — tapi juga paling sering bikin gw senyum sendiri di depan laptop.

→ DOM / EVENTS / ANIMASI / FETCH API / ASYNC
> console.log("halo dari Bengkulu")
000%
BAHASA 02/05 — PALING RAPIM. SYAFIIQ IKBAR W.
02

PYTHON

Bahasa pertama yang gw pelajari serius. Sintaksnya rapi dan gak banyak ribet, jadi otak gw bisa fokus ke logika, bukan ke baca kode sendiri. Gw pakai Python buat ngolah data, bikin script otomatis, dan nyoba-nyoba hal aneh di terminal waktu lagi bosen.

→ OTOMASI / DATA / LOGIKA / SCRIPT KECIL-KECIL
> print("halo dari Bengkulu")
000%
BAHASA 03/05 — FONDASIM. SYAFIIQ IKBAR W.
03

HTML

Kerangka tubuh setiap web yang gw bangun. Kelihatannya sepele, tapi struktur yang rapi itu yang bikin web gak ambruk. Gw percaya HTML semantic itu fondasi: sejelek apa pun CSS-nya, kalau kerangkanya bener, web-nya tetap berdiri tegak.

→ SEMANTIC / STRUKTUR / AKSESIBILITAS
<h1>halo dari Bengkulu</h1>
000%
BAHASA 04/05 — FAVORITM. SYAFIIQ IKBAR W.
04

CSS

Bahasa yang paling gw suka utak-atik. CSS yang ngubah kerangka kaku jadi sesuatu yang enak dilihat dan enak dipake. Warna, gerakan, tata letak, sampai halaman ini kebaca rapi di HP lo — semua itu CSS lagi kerja keras di belakang layar.

→ LAYOUT / ANIMASI / RESPONSIVE / FLEX & GRID
h1 { color: #e2371f; }
000%
BAHASA 05/05 — PELATIH DISIPLINM. SYAFIIQ IKBAR W.
05

JAVA

Berat, strict, dan suka nyusahin — tapi justru itu yang ngajarin gw disiplin nulis kode. Dari Java gw ngerti konsep OOP beneran: class, object, pewarisan. Bekalnya kepake terus sampai sekarang, di semua bahasa lain.

→ OOP / CLASS / POLYMORPHISM / DISIPLIN
System.out.println("halo dari Bengkulu");
000%
Siluet menghadap laut di pantai Bengkulu

FIG.08 — PANTAI, BENGKULU. TEMPAT GW MIKIR PALING BANYAK.

SEC.05 — CARA GW MIKIRPROTOFOLIO-PIQ

BENGKULU NGAJARIN GW SATU HAL

Gak semua hal harus buru-buru. Ombak di sini dateng pelan, tapi gak pernah berhenti. Gw ngoding juga kayak gitu — pelan, konsisten, dan gak berhenti sebelum jadi. Dua web di tengah tadi lahir dari cara mikir itu. Gak ada yang instan, dan justru itu yang bikin hasilnya kerasa punya gw.

WA — 0858 0997 0356 SOURCE CODE DILINDUNGI PENASARAN CARA KERJANYA? CHAT GW →