Tujuan Pembelajaran
Setelah menyelesaikan kelas ini, peserta diharapkan mampu:
Memahami Ekosistem Icon Web: Mengetahui perbedaan berbagai penyedia icon populer (seperti FontAwesome dan Google Icons) serta format penggunaannya.
Mencari & Memilah Aset: Menguasai cara melakukan pencarian, memfilter lisensi gratis, dan memilih style icon yang konsisten untuk kebutuhan UI/UX.
Melakukan Integrasi HTML: Mampu memasang icon ke dalam proyek website menggunakan metode CDN (Content Delivery Network) dengan tepat.
Kustomisasi dengan CSS: Menguasai teknik manipulasi gaya icon, seperti mengubah ukuran (font-size), warna (color), tingkat ketebalan, hingga menambahkan efek animasi hover.
Optimalisasi Performa: Memahami praktik terbaik (best practices) dalam memuat icon agar tidak membebani kecepatan akses (performa) website.
Konten Kursus
0 bab • 0 materi
Instruktur sedang menyusun kurikulum untuk kelas ini.
Persyaratan
- Tidak ada syarat khusus. Kelas ini bisa diikuti oleh semua tingkat keahlian.
Deskripsi Lengkap
Website yang modern dan menarik tidak hanya bergantung pada kombinasi warna dan tata letak, tetapi juga pada elemen visual pendukung yang krusial: Icon. Sayangnya, banyak pengembang pemula kebingungan mencari aset icon berkualitas atau salah langkah saat memasangnya, sehingga membuat loading website menjadi lambat.
Dalam kelas ini, Anda akan membongkar rahasia memanfaatkan pustaka icon raksasa seperti FontAwesome dan Google Material Symbols secara 100% gratis. Anda akan dibimbing secara step-by-step, mulai dari teknik pencarian icon yang sesuai dengan tema UI/UX, cara mendapatkan kode integrasinya, hingga memodifikasi ukuran dan warnanya menggunakan CSS. Dirancang dengan pendekatan hands-on (langsung praktik), kelas ini akan mengubah cara Anda mendesain antarmuka website menjadi jauh lebih profesional hanya dengan beberapa baris kode.
Dalam kelas ini, Anda akan membongkar rahasia memanfaatkan pustaka icon raksasa seperti FontAwesome dan Google Material Symbols secara 100% gratis. Anda akan dibimbing secara step-by-step, mulai dari teknik pencarian icon yang sesuai dengan tema UI/UX, cara mendapatkan kode integrasinya, hingga memodifikasi ukuran dan warnanya menggunakan CSS. Dirancang dengan pendekatan hands-on (langsung praktik), kelas ini akan mengubah cara Anda mendesain antarmuka website menjadi jauh lebih profesional hanya dengan beberapa baris kode.
