Daftar Pelajaran Track Membuat portofolio online di Sekolah Koding
Seri kelas membuat portofolio online, mulai dari mendesain website, mengubah ke html dan css, juga menambahkan javascript serta membuatnya resposnive
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
