Cursuri de pregatire Fundamentele SVG

Introducere

Prezentare generală a Scalable Vector Graphics

• Înțelegerea graficii vectoriale
• Fundamentele SVG
• Utilizări și aplicații ale SVG

Învățarea elementelor de bază ale utilizării SVG

• Crearea unui SVG
• Utilizarea SVG ca imagini
• Crearea unei imagini SVG

Explorarea profundă a codului SVG

• Înțelegerea structurii, layout-ului și atributelor SVG
• Introducere în elementele SVG
• Lucrul cu elementele grafice SVG
• Lucrul cu elementele de container SVG
• Lucrul cu elementele de gradient SVG

Utilizarea SVG împreună cu HTML & CSS

• Încorporarea SVG
• Modificarea și stilizarea SVG folosind CSS
• Realizarea unui SVG responsiv

Crearea de sprite-uri SVG

• Prezentare generală a sprite-urilor de imagini
• Utilizarea sprite-urilor SVG inline în HTML
• Referențierea sprite-urilor SVG externe în HTML
• Utilizarea sprite-urilor SVG inline în CSS
• Utilizarea identificatorilor de fragmente SVG

Optimizarea SVG

Animații cu SVG

• Utilizarea CSS pentru animații SVG
• Utilizarea SMIL pentru animații SVG
• Utilizarea JavaScript pentru animații SVG

Crearea primului proiect de animație SVG

• Configurarea mediului de lucru
• Desenarea SVG
• Modificarea codului SVG pentru a stiliza SVG
• Optimizarea SVG
• Animația SVG

Depanare

Observații finale