BUILD YOUR FIRST DEVELOPER PORTFOLIO IN 1 HOUR: A WEBSITE THAT SHOWCASE YOUR PORTFOLIO
- Penulis: Muhammad Aprieldauzi F.
- Kategori: Web Development, Portfolio, Tech Career
- Hari/Tanggal: Selasa, 10 Maret 2026 (20.30 WIB - Selesai)
- Host: Davina
- Speaker: Thoriq Nur Faizal (Software Engineer at ERP Tohama)
Webinar RevoU Masterclass kali ini membawakan tema yang sangat relevan bagi kita para mahasiswa yang sedang mempersiapkan karir di industri teknologi, yaitu membangun portofolio pengembang web pertama dalam waktu satu jam. Sesi ini dipandu oleh Kak Davina sebagai moderator dan diisi langsung oleh Kak Thoriq Nur Faizal, seorang praktisi perangkat lunak dari ERP Tohama. Pada bagian pengantar presentasinya, pemateri secara gamblang menekankan bahwa memiliki situs portofolio web sendiri memberikan keuntungan kompetitif yang jauh melampaui sekadar poin-poin kaku di dalam selembar resume PDF. Keunggulan utamanya adalah portofolio bertindak sebagai bukti nyata dari karya teknis kita, mengubah klaim sekadar bisa koding menjadi sebuah aplikasi langsung yang bisa diklik dan diuji langsung oleh rekruter. Selain itu, portofolio web juga menjadi ajang ekspresi kreatif untuk mendemonstrasikan selera desain serta pemahaman antarmuka pengguna yang kita miliki secara bebas. Hal yang tidak kalah pentingnya bagi kelangsungan karir jangka panjang adalah nilai optimasi mesin pencari atau SEO, di mana keberadaan situs web pribadi akan membuat jejak profesional kita jauh lebih mudah ditemukan oleh para perekrut melalui penelusuran Google maupun jejaring profesional seperti LinkedIn.
Memasuki bagian inti dari pembahasan teknis, materi yang disajikan benar-benar padat dan langsung pada sasaran mengenai apa saja komponen yang wajib ada di dalam sebuah portofolio. Setidaknya terdapat lima bagian utama yang harus disematkan untuk menjamin kelengkapan informasi, mulai dari bagian header yang berisi nama dan menu navigasi, perkenalan singkat tentang diri dan tujuan karir, daftar keahlian teknologi atau tech stack utama, etalase pameran dua hingga tiga proyek terbaik yang saling bertautan, hingga informasi kontak dasar seperti surel dan profil GitHub. Untuk urusan penulisan kode awal, disarankan menggunakan potongan HTML yang sederhana dan berfokus untuk membangun struktur halaman per satu bagian secara bertahap, misalnya dengan menggunakan tag identitas khusus untuk memisahkan area profil singkat. Tidak berhenti pada kerangka dasarnya saja, tampilan web juga wajib dirancang agar ramah seluler mengingat mayoritas rekruter mungkin saja membuka tautan portofolio dari layar ponsel. Praktik teknis yang dianjurkan untuk mencapai tampilan responsif ini adalah menggunakan unit ukur visual yang fleksibel seperti persentase, penyesuaian viewport, hingga unit relatif rem, serta menyisipkan media queries khusus pada batas maksimal lebar enam ratus piksel. Pemateri juga sempat menyelipkan simulasi kuis interaktif untuk menyegarkan ingatan teknis, seperti cara dasar menautkan profil repositori luar menggunakan atribut href dan cara mengamankan warna latar halaman secara menyeluruh melalui pemilih body pada CSS. Guna melengkapi situs agar tidak terasa statis, disarankan pula penambahan skrip JavaScript yang ringan dan polos, seperti fungsi klik sederhana, animasi gulir, hingga fitur mode gelap yang dewasa ini sangat dicari kelengkapannya.
Sebagai bentuk pembuktian penerapan teori secara langsung, paruh akhir sesi webinar diisi dengan dokumentasi pengerjaan kode oleh pemateri yang bisa langsung kita lihat hasil jadinya. Dalam tangkapan layar praktik tersebut, terlihat jelas bagaimana logika fitur pergantian tema dari mode terang ke mode gelap dibangun dengan sangat elegan dan bersih menggunakan kombinasi CSS dan JavaScript. Pada sisi pengatur gaya, variabel akar dimanfaatkan dengan maksimal untuk menyimpan warna-warna bawaan, yang nantinya akan ditimpa langsung oleh warna-warna palet gelap seperti abu-abu pekat untuk latar belakang, teks berwarna putih solid, dan garis tepi yang lebih redup ketika kelas khusus ditambahkan secara paksa ke dalam elemen dokumen. Sementara itu pada sisi logikanya, sebuah tombol pengubah tema ditangkap oleh skrip secara presisi menggunakan manipulasi penyeleksian elemen DOM. Skrip JavaScript tersebut kemudian ditugaskan untuk memantau aktivitas klik dari pengguna yang bertujuan memicu fungsi modifikasi penambahan dan penghapusan kelas mode gelap secara bergantian, sekaligus menyisipkan pengondisian untuk mengubah teks keterangan di dalam tombol menjadi Mode Terang atau Mode Gelap secara dinamis tergantung tema apa yang sedang aktif. Demonstrasi ini ditutup dengan memamerkan hasil akhir dari kode tersebut ke peramban, memperlihatkan sebuah tata letak portofolio web yang sangat rapi, minimalis, dan siap pakai, baik ketika dibaca dalam suasana mode terang standar maupun ketika disulap menjadi mode gelap. Praktik teknis tingkat dasar yang padat ini sangat pas untuk langsung kita implementasikan ke dalam modifikasi repositori pribadi yang saat ini sedang kita kembangkan sendiri.
Setelah urusan kode HTML, CSS, dan JavaScript selesai diracik, materi berlanjut ke tahap yang tidak kalah krusial, yaitu proses publikasi atau deployment agar portofolio kita bisa diakses secara daring oleh para perekrut. Pemateri mencontohkan langkah praktis menggunakan GitHub Pages yang sepenuhnya gratis dan terintegrasi langsung dengan repositori repositori yang sedang kita kerjakan. Konfigurasinya sangat mudah, kita hanya perlu masuk ke menu pengaturan repositori, memilih fitur pages, dan menetapkan cabang utama sebagai sumber rilisnya. Nantinya, setiap kali kita melakukan dorongan pembaruan kode, GitHub akan secara otomatis memperbarui tampilan web kita melalui sistem integrasi berkelanjutan. Namun, untuk mendongkrak kesan profesional yang lebih meyakinkan, pemateri sangat merekomendasikan kita untuk menyewa nama domain kustom lokal yang cukup terjangkau harganya. Langkah ini terbukti ampuh membuat kita terlihat lebih niat dan berkelas dibandingkan hanya membagikan tautan bawaan dari GitHub.
Menutup keseluruhan sesi webinar, obrolan bergeser ke arah tanya jawab santai namun berbobot seputar realita industri perangkat lunak saat ini. Terdapat pembahasan penting mengenai kerahasiaan proyek atau kesepakatan kerahasiaan (Non-Disclosure Agreement) bagi kita yang nantinya sudah masuk ke dunia kerja. Solusi amannya adalah membagikan alur logika, tantangan teknis, atau studi kasus sistemnya dalam bentuk tulisan artikel teknis alih-alih menyebarkan kode rahasia perusahaan. Sesi ini juga menyinggung fakta keras dari kecerdasan buatan yang semakin pintar dan murah, yang mulai mengambil alih pekerjaan koding dasar tingkat junior. Oleh karena itu, sebagai mahasiswa tingkat akhir yang sebentar lagi terjun ke pasar kerja, kita dituntut untuk terus beradaptasi dengan alat bantu kecerdasan buatan dan wajib membangun nilai tambah yang unik agar kemampuan kita tidak mudah digantikan oleh mesin otomatis, sekaligus rajin memasarkan proyek mandiri di jejaring profesional untuk memperluas visibilitas karir jarak jauh.
DOKUMENTASI SELAMA WEBINAR:
