Tutorial membuat Personal website Portfolio
Hello Coder..! , apa kabar semuanya?
Semoga kalian semua dalam keadaan sehat walafiat, jadi kali ini kita akan belajar membuat personal website Portfolio.
Nah.. bagi kalian yang belum tau apa itu website silahkan follow akun medium saya ini, nanti saya akan update mengenai apa itu website dan kegunaanya.
Pertama kita akan bahas apa itu website personal?
Website pribadi atau personal website adalah jenis website yang dimiliki oleh seorang individu, walaupun berupa website pribadi tetapi tidak selalu kontennya berisi hal yang bersifat pribadi dari pemilik website tersebut.
Website pribadi isinya juga beragam, mulai dari mempublikasikan keahlian suatu profesi yang dimiliki oleh si pemilik website dan hal-hal umum lainnya. bahkan ada juga yang sharing ilmu pengetahuan.
3 Alasan Mengapa Kita Wajib Memiliki Website untuk Personal Branding !
Memiliki personal website portfolio adalah sebuah keharusan di tahun 2019. Apalagi kita seorang programmer yang ingin membranding diri supaya memiliki citra baik kepada klien kita. bukan hanya programmer para designer juga butuh personal website. bahkan semua orang pun butuh karena dengan mempunyai website personal maka akan menambah kepercayaan client kepada kita. mengapa kita perlu personal website, karena :
Personal Website Portofolio Memberi Kita kendali atas Citra Diri Kita. Apakah kita sedang melamar pekerjaan baru atau memulai proyek sampingan? kebanyakan HRD atau klien kita akan mencari nama kita secara online. Jika kita memiliki website dan kita banyak menuangkan ide gagasan atau sekedar portofolio disana, orang lain akan menilai citra diri kita dari sana. Secara tidak langsung kita memiliki kendali atas informasi mengenai diri kita di dunia maya.
Membangun website kita sekarang pasti akan bermanfaat di kemudian hari. Situs website dan brand diri Kita akan selalu berkembang,memberi Kita keuntungan besar dan mungkin mengubah jangkauan yang Kita miliki dengan proyek-proyek masa depan. Semakin luas jangkauan situs Kita, semakin baik kesan yang Kita buat dan menjangkau lebih banyak orang berarti lebih banyak koneksi, peluang, dan sebagainya..
Personal Website akan membantu diri Kita lebih menonjol dari kompetisi yang ada. Bergantung pada industri, fokuslah menyoroti kekuatan unik Kita dan mengidentifikasi hal-hal apa yang membuat Kita menonjol. Jika Kita melamar pekerjaan baru, sertakan pengalaman masa lalu Kita(dan yang relevan), hal-hal yang telah Kita lakukan (seperti pekerjaan sukarela, proyek, dll.). Dengan cara ini, situs website Kita dapat berfungsi mirip dengan resume. Namun, situs web pribadi memiliki kebebasan untuk menjadi lebih luas dan menarik, karena memungkinkan untuk dimasukkannya foto, sampel kerja, dan bahkan testimonial.
Setelah kita tahu keuntungan membuat personal website portfolio. saatnya kita action. lets goo.. :)
Pada artikel ini saya sisipkan sebuah gambar design personal website portfolio yang saya dapat dari dribble. designnya lumayan bagus jadi kali ini kita akan membuat websitenya seperti gambar di atas.
Pertama yang harus kita siapkan adalah Niat, Tekat dan Pengorbanan. karena kita akan memulai membuat design website dengan coding HTML5, CSS3 dan Javascript.
Kedua, Kita siapkan Laptop/PC dan instal text editor yang kalian suka. disini saya akan menggunakan Visual Studio Code dan Browsernya adalah Google Chrome / Firefox.
Setelah persiapan selesai. kita akan membuat sebuah single page web app. website yang berisi resume, portfolio, blog dan contact. nah website kita akan dibuat secara dinamis yaitu menggunakan database. framework yang akan saya gunakan adalah vuejs dan laravel untuk di backendnya.
Tapi sebelum kita bikin website dinamisnya kita juga bisa bikin website statis simple. jadi kali ini saya akan membuat 2 tutorial mengenai pembuatan personal website ini. yaitu yang pernama website statis. berupa html css dan javascript saja. dan yang kedua kita akan membuat web dinamis dengan menggunakan php (laravel) dan mysql.
Ok. Kita akan mulai yang statisnya dulu di artikel selanjutnya. jadi jangan lupa follow akun saya dan share ke teman-teman kalian. semoga bermanfaat.
by by :)
