Mahasiswa Teknik Komputer · Makassar

Fadlan Eka Putra.

NIM / 230210502062

Saya membangun antarmuka web yang presisi,
ekspresif, dan berfokus pada pengalaman manusia.

Lihat Karya Saya Tentang Saya ↓

✦ Web Dev & Visual Thinker

6 Modul
Praktikum

23' Angkatan
Aktif

HTML5✦ CSS3✦ JavaScript✦ Git & GitHub✦ UI/UX Design✦ Layouting✦ Responsive Web✦ HTML5✦ CSS3✦ JavaScript✦ Git & GitHub✦ UI/UX Design✦ Layouting✦ Responsive Web✦

// 01 Tentang Saya

Halo! Saya Fadlan, mahasiswa Teknik Komputer yang lahir & besar di Makassar.

Perjalanan saya di dunia web dimulai dari rasa penasaran yang sederhana — "Bagaimana sebuah halaman bisa terlihat begitu indah?" Dari pertanyaan itu, saya mulai mendalami HTML, CSS, hingga desain antarmuka yang manusiawi.

Bagi saya, kode bukan hanya instruksi mesin — ini adalah cara untuk menyampaikan ide, emosi, dan cerita kepada siapa pun yang membuka layar mereka.

6+ Modul Diselesaikan

2023 Mulai Belajar Web

UNM Universitas Negeri Makassar

UNIVERSITAS NEGERI MAKASSAR

// 02 — Keahlian

Apa yang saya bisa.

Web Development

Membangun halaman web semantik & terstruktur dengan HTML5, CSS3, dan JavaScript Vanilla.

85%

CSS Layout & Styling

Menguasai Float, Flexbox, Grid, Positioning, dan teknik-teknik layouting modern.

82%

UI/UX Design

Merancang antarmuka yang intuitif, estetik, dan mengutamakan kenyamanan pengguna.

74%

Git & Version Control

Mengelola source code, tracking perubahan, branching, dan kolaborasi via GitHub.

70%

// 03 — Praktikum

Tugas yang dikerjakan.

Hasil karya dari 4 modul praktikum Pemrograman Web

M3 ↗

📝

CSS Dasar & Selector

Form KTP interaktif, daftar menu makanan-minuman multi-style, dan cerita target karir.

CSS External Selector Form

M4 ↗

🖼️

CSS Image & Manipulasi

Ukuran foto 3x4/4x6/10x15, efek box transparan RGBA, dan desain Kartu Keluarga watermark.

CSS Image Opacity Background

M5 ↗

📐

Navigasi & Layouting

Navbar vertikal+horizontal, layout 2 & 3 kolom, dan form checkout barang belanja.

Float 2-Column Checkout

M6 ↗

✨

Dropdown & Efek Visual

Multi-level dropdown, flyout vertikal gradient, dan mockup header institusi kompleks.

Dropdown Gradient Multi-level

// 04 — Kontak

Punya ide?
Mari kita
diskusikan.

Saya terbuka untuk kolaborasi, diskusi proyek, atau sekadar berbagi gagasan seputar web & teknologi.

✉ fadlanekaputra1@gmail.com ↗ 💻 github.com/fadlanekaputra1 ↗ 📍 Makassar, Sulawesi Selatan ↗