Diskon kelas baru hingga 25%! Masukkan kupon "lebihcepat" di kelas ini

X
Logo Koala Skodev mengetik

Skodev

Belajar coding dalam bahasa Indonesia

BELAJAR MEMBUAT PORTOFOLIO - PENGERTIAN, KURIKULUM DAN CARA BELAJAR

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

Belajar Membuat portofolio

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

Daftar kurikulum Membuat portofolio online

Seri kelas membuat portofolio online, mulai dari mendesain website, mengubah ke html dan css, juga menambahkan javascript serta membuatnya resposnive

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 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 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 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

Menyembunyikan menu ketika sudah sampai pada lebar tertentu

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

Halaman portofolio

Mengubah halaman portofolio agar ikut menjadi responsive


Daftar newsletter skodev masukkan emailmu untuk dapat informasi menarik dari dunia koding