Belajar Web Ceria 1

Membuat Website CV Pribadi

Programmer wajib memiliki Website CV

Sebagai seorang programmer, memiliki sebuah website pribadi untuk digunakan sebagai CV (curriculum vitae) sangatlah penting untuk menunjang karir. Baik itu berupa web statis ataupun dinamis. Pembuatan website CV juga bisa menjadi portofolio pribadi yang dapat ditunjukkan saat melamar pekerjaan. Maka dari itu, aku akan berbagi sedikit ilmu ke kisanak dalam membuat website CV.

Konten

Dalam Website CV sebaiknya mencakup beberapa konten yang sama layaknya sebuah cv pada umumnnya. Pada websiteku, konten yang aku pakai antara lain:

1. Profil diri (nama, TTL, nomor HP, email)
2. Bahasa pemrograman yang dikuasai
3. Hasil project yang pernah dibuat. baik dari tugas kuliah ataupun proyek dengan client
4. Media sosial

disini aku menambahkan juga tempat untuk podcastku, ya sekalian promosi podcast.

Pada web ini, aku menggunakan HTML, CSS, Javascript yang dibantu dengan Bootsrap dan Canva & avataaars untuk bagian asetnya.

HTML

HTML akan menjadi kerangka/pondasi dari website. HTML pada web ini menghasilkan 600++ line, sehingga cukup panjang dan menurutku cukup sulit jika ingin memeriksa bagian tertentu, maka aku akan membaginya jadi 4 bagian yaitu:

1. index : menjadi kerangka utama dari HTML
2. portfolio : bagian yang menampilkan aset yang berhubungan dengan portfolio
3. models : bagian yang menampilkan informasi detail dari aset portfolio, tersambung dengan javascript
4. footer : bagian footer dari website, berisi lokasi pembuatan, copyright dan sosial media yang bisa dikunjungi

Cara untuk menyambungkan setiap file .HTML ini menggunakan script yang dibuat oleh w3school yaitu includeHTML. Web ini dibuat dengan didominasi warna gelap, soalnya nyaman dimata sih hehe

Index.HTML

portfolio.HTML

models.HTML

footer.HTML

CSS

Untuk bagian CSS-nya menggunakan default dari boostrap, yaitu styles.css. Akan tetapi, aku tambahkan beberapa modifikasi warna, agar sesuai dengan modifikasi dark mode.

custom.CSS

Javascript

Penggunaan java script ini untuk membuat website statis ini lebih "hidup". seperti topbar yang dapat mengecil jika di-scroll kebawah, menampilkan animasi kalimat yang diketik, cara menampilkan detail dari portfolio, dan fungsi untuk menghubungkan setiap file .HTML ke index.html.

scripts.js

kalian bisa langsung melihat websitenya di close2tom.com dan untuk repositorynya di GitHubku

Referensi:

1. bootstrap
   
2. w3schools