Belajar Membuat portofolio

Mengandalkan gelar dari kampus saja tidak cukup, kamu perlu bukti kalau kamu memang sudah membuat sesuatu dengan skill yang kamu punya, belajar bikin portofoliomu di website

gambar Membuat portofolio online
Saat kamu ingin mencari pekerjaan, menjadi nilai tambah kalau kamu punya karya yang bisa diperlihatkan. Bahkan ketika kamu tidak aktif mencari, dengan portofolio online kamu yang bisa diakses dari mana saja dan kapan saja, pekerjaan dan tawaran berbagai kesempatan bisa datang. Jangan sembunyi, tidak ada yang tahu dengan kamu apalagi karyamu kalau kamu tidak memperlihatkannya. "Bermain aman lebih beresiko dan mengambil resiko jauh lebih aman" - Seth Godin. Lengkapi portofolio yang kamu buat dengan komentar bagaimana proses pembuatannya, apa yang sulit, apa yang kamu pelajari. Satu lagi yang banyak terlewat adalah beritahu juga menurut kamu apa kekurangannya dan di bagian apa dia perlu dikembangkan. Untuk memulai mengikuti daftar kelas di bawah, pastikan kamu sudah belajar bagian frontend website sebelumnya, termasuk HTML, CSS dan Javascript

cover playlist Membuat portofolio online

Daftar Pelajaran Track Membuat portofolio online


Membuat desain website di photoshop

Belajar bagaimana cara membuat desain website di photoshop


Daftar isi Membuat desain website di photoshop


Intro desain website photoshop

Mulai mendesain website dengan bantuan photopshop


Inspirasi dan dokumentasi

Dimana tempat mencari inspirasi desain website? belajar juga cara mendokumentasikan hasil riset atau inspirasi


Sketch website

Mulai melakukan sketch, dasar kerangkan sebelum mendesain di photoshop


Mengumpulkan asset

Mencari asset dan mengumpulkan untuk bahan desain website


Membuat grid

Bagaimana cara membuat sistem grid pada photoahop


Desain bagian pertama

Mulai desain website dengan photoshop bagian pertama


Desain bagian kedua

Mulai desain website dengan photoshop bagian kedua


Desain bagian ketiga

Mulai desain website dengan photoshop bagian ketiga


Halaman karya portofolio

Desain halaman karya portofolio pada photoshop



Mengubah desain menjadi HTML dan CSS

Kita akan Mengubah desain yang dibuat dengan photoshop menjadi HTML dan CSS


Daftar isi Mengubah desain menjadi HTML dan CSS


Intro html dan css

Mengubah desain website yang sudah kita buat pada photoshop menjadi website dengan html dan css


Persiapan dan reset CSS

Kita akan melihat apa itu reset CSS dan persiapa apa saja yang dibutuhkan untuk mengubah desain website menjadi html dan css


Struktur html, google font dan background

Mulai membuat struktur html, memilih font pada google font dan memasang background gambar


HTML dan CSS bagian pertama

Mengubah desain menjadi website HTML dan CSS bagian pertama


HTML dan CSS bagian kedua

Mengubah desain menjadi website HTML dan CSS bagian kedua


HTML dan CSS bagian ketiga

Mengubah desain menjadi website HTML dan CSS bagian ketiga


HTML dan CSS bagian keempat

Mengubah desain menjadi website HTML dan CSS bagian keempat



Menambahkan Javascript pada website portofolio

Latihan javascript dengan menambahkan Javscript pada website portofolio yang sudah kita buat.


Daftar isi Menambahkan Javascript pada website portofolio


Intro menambahkan javascript

Setelah desain website dan membuat halaman statisnya, sekarang kita akan menambahkan javascript pada website portofolio ini


Scroll ke bagian tertentu

Belajar melakukan shortcut scroll untuk langsung pindah ke bagian tertentu


Validasi formular pertama

Melakukan validasi untuk formular yang sudah dibuat bagian pertama


Validasi formular kedua

Melakukan validasi untuk formular yang sudah dibuat bagian kedua


Galeri gambar

Membuat galeri untuk gambar portofolio dengan javascript



Responsive website portofolio

Tugas kita sekarang belajar untuk membuat website portofolio yang sudah dibuat menjadi responsive


Daftar isi Responsive website portofolio


Intro responsive website portofolio

Tugas kita sekarang belajar untuk membuat website portofolio yang sudah dibuat menjadi responsive


Lebar dalam persen

Mengubah satuan lebar statis menjadi persen agar lebih dinamis


Mengubah konten

Belajar bagaimana cara mengubah konten tertentu dengan bantuan media query


Ukuran smartphone dan meta viewport

Belajar bagaimana mengatur tampilan website untuk ukuran smartphone dan belajar tentang meta viewport


Menu tersembunyi

Menyembunyikan menu ketika sudah sampai pada lebar tertentu


Menu burger dan background fix

Belajar bagaimana cara membuat menu burger untuk website responsive dan megubah background gambar menjadi fixed


Halaman portofolio

Mengubah halaman portofolio agar ikut menjadi responsive



Tag: Kenapa belajar Membuat portofolio, Mengenal apa itu Membuat portofolio, Di mana mulai belajar Membuat portofolio, mulai dari mana belajar Membuat portofolio , tutorial Membuat portofolio bahasa indonesia untuk pemula dari dasar, apa kegunaan Membuat portofolio, bagaimana cara menggunakan Membuat portofolio, belajar bertahap Membuat portofolio, kursus online Membuat portofolio