Belajar Membuat Website untuk Menjadi Desainer Website

Kelas ini tidak hanya menambah wawasanmu untuk menjadi seorang web designer. Tetapi juga memberikan wawasan kepada kamu tentang bagaimana menyelesaikan suatu proyek website dengan client.

BEGINNER1 penilaian15 peserta

Tentang Kelas

Kelas ini tidak hanya menambah wawasanmu untuk menjadi seorang web designer. Tetapi juga memberikan wawasan kepada kamu tentang bagaimana menyelesaikan suatu proyek website dengan client. Tidak hanya teori saja, di kelas ini kamu akan dengan bisa merancang tampilan website yang baik mulai dari wireframing, prototyping dan menuangkan rancangan tadi menjadi website yang dapat digunakan tanpa banyak belajar pemrograman. Kelas ini cocok sekali untuk kamu yang ingin memulai profesi sebagai web designer atau web developer dengan mudah dan murah.

Adapun modul yang akan kamu pelajari seperti:

  1. Menganalisis kebutuhan bisnis
  2. Menuangkan kebutuhan bisnis ke rancangan desain web
  3. Mengonversi desain web menjadi halaman web
  4. Menambahkan efek animasi pada halaman web
  5. Menuliskan kode HTML & CSS tambahan

Di akhir pelatihan, diharapkan kamu mampu mendesain website menggunakan aplikasi Figma dan mengkonversinya ke dalam bentuk file HTML menggunakan aplikasi Wordpress Elementor dan code editor secara tepat sesuai dengan desain yang telah dibuat.

Daftar Materi

Pengenalan Kelas00.00
Prasyarat Kemampuan00.00
Prasyarat Tools00.00
Mekanisme Belajar00.00
Evaluasi00.00
Glosarium00.00

Pengantar menganalisis kebutuhan bisnis01:35
Menggali dan memahami kebutuhan bisnis05:08
Studi kasus menyusun daftar pertanyaan wawancara untuk menggali kebutuhan bisnis09:21
Menuangkan kebutuhan bisnis menjadi poin-poin spesifikasi antarmuka web02:48
Studi kasus wawancara dan mencatat kebutuhan bisnis ke dalam bentuk poin-poin spesifikasi antarmuka web10:05
Tips dan trik menggali informasi bisnis untuk kebutuhan pembuatan website02:36
Rangkuman Menganalisis kebutuhan bisnis00.00

Pengantar menuangkan kebutuhan bisnis ke dalam rancangan desain web01:01
Antarmuka aplikasi Figma05:09
Studi kasus membuat project baru di Figma03:55
Tips dan trik penggunaan shortcut di aplikasi Figma06:04
Pengenalan Website04:18
Responsive Web Design02:33
Komponen Website03:12
Dasar User Interface04:00
Studi kasus membuat komponen website di Figma dan manipulasi parameter komponen part 109:30
Studi kasus membuat komponen website di Figma dan manipulasi parameter komponen part 205:50
Tips mendapatkan gambar ilustrasi yang bagus dan legal03:46
Tips memainkan kombinasi warna dan spasi06:00
Dasar User Experience03:12
Studi kasus membuat simulasi alur website di Figma05:02
Studi kasus menuangkan poin-poin spesifikasi bisnis ke dalam desain web01:00
Instalasi Plugin Figma06:07
Mengatur Grid Desain06:30
Merancang Style Typography09:50
Merancang Style Warna08:03
Merancang Komponen Header & Footer Part 109:52
Merancang Komponen Header & Footer Part 204:59
Merancang Komponen Header & Footer Part 307:57
Merancang Komponen Jumbotron Part 108:03
Merancang Komponen Jumbotron Part 207:41
Merancang Komponen Segmen Title06:01
Merancang Komponen Segmen Part 106:42
Merancang Komponen Segmen Part 206:15
Merancang Komponen Card Part 109:24
Merancang Komponen Card Part 205:53
Merancang Komponen Carousel07:36
Merancang Komponen Button Slider03:52
Merancang Komponen Testimoni07:12
Merancang Page Home Part 107:04
Merancang Page Home Part 208:20
Merancang Page Home Part 309:06
Merancang Page Visi Misi07:19
Merancang Page Galeri05:21
Merancang Page Kerjasama09:47
Merancang Page Program Studi09:28
Merancang Page Lowongan Kerja02:32
Merancang Page Lulusan Part 108:17
Merancang Page Lulusan Part 207:40
Merancang Page Blog03:49
Merancang Prototype Design Part 109:23
Merancang Prototype Design Part 207:48
Rangkuman Menuangkan kebutuhan bisnis ke dalam rancangan desain web00.00

Pengantar03:18
Instalasi Laragon07:17
Instalasi Wordpress04:39
Antarmuka aplikasi wordpress05:17
Studi kasus membuat halaman web berdasarkan desain yang telah dibuat01:12
Instalasi plugin Elementor02:46
Mengatur Global Setting08:16
Membuat Header Part 109:57
Membuat Header Part 204:52
Membuat Footer09:47
Membuat Jumbotron dan Sambutan pada Page Home Part 105:48
Membuat Jumbotron dan Sambutan pada Page Home Part 206:54
Membuat Carousel pada Page Home Part 106:00
Membuat Carousel pada Page Home Part 210:01
Membuat Page Visi Misi06:25
Membuat Page Galeri04:33
Membuat Page Kerjasama Part 107:10
Membuat Page Kerjasama Part 204:46
Membuat Page Program Studi Part 108:19
Membuat Page Program Studi Part 205:17
Membuat Page Lowongan Kerja03:25
Membuat Page Lulusan Part 107:18
Membuat Page Lulusan Part 204:29
Membuat Page Blog03:57
Publish website08:51
Tips dan trik membangun halaman web lebih cepat dan tepat dengan desain04:04
Rangkuman Mengonversi desain web menjadi halaman web00.00

Pengantar Menambahkan Efek Animasi pada Halaman Web02:05
Animasi web dengan JS dan CSS03:31
Studi kasus menambahkan animasi pada komponen di halaman web06:07
Tips menambahkan animasi yang cocok untuk memperindah tampilan halaman web02:46
Rangkuman Menambahkan efek animasi pada halaman web00.00

Pengantar02:28
Dasar-dasar penggunaan code editor05:18
Dasar-dasar HTML03:04
Dasar-dasar CSS05:25
Studi kasus menambahkan kode HTML dan CSS pada bagian spesifik untuk tepat menyesuaikan halaman web dengan desain yang telah dibuat part 107:58
Studi kasus menambahkan kode HTML dan CSS pada bagian spesifik untuk tepat menyesuaikan halaman web dengan desain yang telah dibuat part 203:20
Tips mempelajari HTML dan CSS yang mudah dan menyenangkan02:59
Rangkuman Menuliskan kode HTML dan CSS tambahan 00.00
Penyusun Materi

Prev
Next
Yusuf Fazeri
Yusuf Fazeri

Belum ada keterangan

Testimoni Oleh Siswa

5.0

(1 reviews)

5 Bintang
0%
4 Bintang
0%
3 Bintang
0%
2 Bintang
0%
1 Bintang
0%
Teguh Slamet Priyono
Teguh Slamet Priyono
Sangat membantu belajar, menambah wawasan bagi yang ingin jadi desainer web/buka jasa web. Authornya keren, Mantap, Solutif,
;
...
Rp. 299,000
Beli sekali akses selamanya
Rp. 119,000
Sewa kelas dan akses selama 1 bulan
Yang akan kamu dapatkan :
104 Modul
6 jam durasi
Forum Diskusi Tanya Jawab
Klaim Sertifikat Digital

Kelas Populer Lainnya

Prev
Next