SVG Fundamentals Training Course

Perkenalan

Gambaran Umum Scala Grafik Vektor

• Memahami Grafik Vektor
• SVG Dasar-dasar
• SVG Kegunaan dan Aplikasi

Mempelajari Dasar-Dasar Penggunaan SVG

• Membuat SVG
• Menggunakan SVG sebagai Gambar
• Membuat Gambar SVG

Menggali Lebih Dalam Kode SVG

• Memahami Tata Letak, Struktur, dan Atribut SVG
• Pengantar SVG Element
• Bekerja dengan SVG Grafik Element
• Bekerja dengan SVG Kontainer Element
• Bekerja dengan SVG Gradien Element

Menggunakan SVG dengan HTML & CSS

• Penyematan SVG
• Memodifikasi dan Menata SVG Menggunakan CSS
• Membuat SVG Responsif

Membuat SVG Sprite

• Ikhtisar Sprite Gambar
• Menggunakan HTML Sprite Inline SVG
• Referensi Sprite Eksternal SVG di HTML
• Menggunakan CSS Sprite Inline SVG
• Menggunakan Pengidentifikasi Fragmen SVG

Mengoptimalkan SVG

Animasi dengan SVG

• Menggunakan CSS untuk SVG Animation
• Menggunakan SMIL untuk SVG Animation
• Menggunakan JavaScript untuk SVG Animation

Membuat Proyek Logo SVG Pertama Anda Animation

• Menyiapkan Lingkungan Kerja Anda
• Menggambar SVG
• Memodifikasi Kode SVG untuk Menata SVG
• Mengoptimalkan SVG
• Menganimasikan SVG

Penyelesaian Masalah

Penutup