Halo, saya

Mohamad Fadli Ubaid

Junior Web Developer

Membangun antarmuka yang rapi, responsif, dan mudah digunakan — dari ide sederhana hingga website yang siap dipresentasikan.

  • SMK Rekayasa Perangkat Lunak
  • Fokus HTML, CSS, JavaScript, PHP
  • Status Siap sertifikasi JWD / RPL
Foto profesional Mohamad Fadli Ubaid

Tentang Saya

Biodata singkat & visi belajar

Siapa saya

Saya siswa Rekayasa Perangkat Lunak SMKN 1 Jenangan yang sedang membangun kompetensi sebagai Web Developer. Saya senang merapikan tampilan website, menyusun struktur folder yang jelas, dan menulis kode yang mudah dibaca.

Prinsip saya sederhana: tampilan menarik tidak cukup jika strukturnya berantakan. Setiap halaman harus punya alur yang jelas, bisa dibuka di HP, dan mudah dikembangkan.

Profil Profesional

Peran yang sedang saya tekuni

Jabatan Junior Web Developer (Siswa RPL)
Instansi SMK Negeri 1 Jenangan Ponorogo — Jurusan RPL
Bidang Pengembangan web frontend & full-stack mini project

Pendidikan

Riwayat dari terbaru ke terlama

  1. 2023 — 2026

    SMK NEGERI 1 JENANGAN PONOROGO

    Jurusan Rekayasa Perangkat Lunak. Fokus pada pemrograman web, basis data, dan rekayasa perangkat lunak.

  2. 2020 — 2023

    SMP NEGERI 1 PONOROGO

    Mulai mengenal desain digital dan dasar TIK. Terbiasa membuat presentasi dan poster kegiatan sekolah.

  3. 2014 — 2020

    SD MANGKUJAYAN 1 PONOROGO

    Dasar literasi, logika matematika, dan kerja kelompok.

Pengalaman

Belajar, organisasi, dan proyek

Belajar

Praktik pemrograman web

Mengerjakan tugas HTML, CSS, JavaScript, dan PHP di laboratorium komputer. Membiasakan diri menulis kode sesuai struktur folder yang rapi.

Organisasi

Praktikum & Laboratorium RPL

Membantu dokumentasi kegiatan, merancang halaman informasi event, dan mendampingi teman yang baru belajar koding.

Proyek

Website profil & aplikasi web

Menyusun portofolio pribadi dan merencanakan mini project web sebagai bukti kompetensi Web Developer.

Keahlian

Kemampuan teknis dan tingkatannya

HTML5 & CSS385%
Bootstrap & Responsive UI80%
JavaScript (ES6+)75%
PHP & MySQL80%
React JS & Web Dev70%
Git & Dokumentasi75%

KKA dan AI saya gunakan sebagai alat bantu belajar, bukan pengganti pemahaman dasar pemrograman terstruktur.

Karya / Portofolio

Proyek yang sedang dan sudah dikerjakan

Tampilan workspace pengerjaan website profil

Website Profil Pribadi

Website statis satu halaman berisi identitas, pendidikan, keahlian, karya, dan kontak. Dibangun dengan HTML, CSS, dan JavaScript.

HTML CSS JavaScript
Mockup aplikasi web

Sistem Informasi Manajemen Sekolah

Rencana dan modul aplikasi pengelolaan data sekolah berbasis web dengan PHP dan MySQL.

PHP MySQL

Sertifikat / Prestasi

Pelatihan dan pencapaian

Sertifikat JWD

Sertifikasi Junior Web Developer

Sertifikasi keahlian pengembangan web berbasis kompetensi: pembuatan website profil responsif dan aplikasi mini terstruktur.

Sertifikat Cisco

Cisco Networking Academy

Sertifikasi dasar jaringan komputer, konfigurasi perangkat awal, serta prinsip dasar keamanan siber.

Dokumentasi

Foto kegiatan & praktikum

Dokumentasi Praktikum Pemrograman Web

Praktikum Pemrograman Web

Dokumentasi aktivitas praktikum coding dan pengembangan projek web di Laboratorium RPL SMKN 1 Jenangan.

Artikel & Catatan Belajar

Artikel & Berita Terbaru

Ilustrasi belajar web development
Tips & Tutorial

Pentingnya Memahami HTML Semantik untuk Web Developer Pemula

Mengapa menggunakan tag seperti <header>, <main>, dan <article> jauh lebih baik dibanding terlalu banyak menggunakan <div>? Mari bahas pengaruhnya pada struktur dan aksesibilitas web.

Ditulis oleh Fadli Ubaid · 10 Maret 2026

Catatan Belajar

Panduan Singkat Flexbox & Grid untuk Tampilan Responsif

Rangkuman praktis mengatur tata letak elemen web agar rapi saat diakses dari perangkat HP maupun komputer.

15 Februari 2026

Pengalaman

Persiapan Uji Kompetensi RPL Skema Junior Web Developer

Pengalaman dan langkah-langkah yang saya lakukan di SMKN 1 Jenangan untuk menghadapi sertifikasi keahlian web.

28 Januari 2026

Teknologi

Dasar-Dasar PHP & MySQL untuk Aplikasi Sekolah

Bagaimana cara kerja penghubung antara form HTML dan basis data MySQL menggunakan skrip PHP sederhana.

12 Januari 2026

Kontak

Mari terhubung

  • Email ubaidfadli9@gmail.com
  • Instansi

    SMK Negeri 1 JENANGAN PONOROGO, Lab RPL

  • Media sosial

    GitHub: fdlyin · Instagram: @fdly_ubd