Curso de Fundamentos de SVG

Introducción

Descripción general de los gráficos vectoriales Scalable

• Entendiendo los gráficos vectoriales
• SVG Fundamentos
• SVG Usos y aplicaciones

Aprender los conceptos básicos del uso SVG

• Creación de un archivo SVG
• Uso de SVG como imágenes
• Creación de una imagen SVG

Profundizando en el código SVG

• Comprender el SVG diseño, la estructura y los atributos
• Introducción a SVG Elements
• Trabajar con SVG gráficos Elements
• Trabajar con SVG Contenedor Elements
• Trabajar con SVG Gradiente Elements

Uso de SVG con HTML y CSS

• Incrustación SVG
• Modificación y estilo SVG con CSS
• Hacer que SVG sea responsivo

Creación de SVG Sprites

• Descripción general de los sprites de imagen
• Uso de HTML Sprites en línea SVG
• Hacer referencia a sprites externos SVG en HTML
• Uso de CSS Sprites en línea SVG
• Uso de SVG identificadores de fragmentos

Optimización SVG

Animación con SVG

• Uso de CSS para SVG Animation
• Uso de SMIL para SVG Animation
• Uso de JavaScript para SVG Animation

Creando tu primer SVG proyecto de logo Animation

• Configuración del entorno de trabajo
• Dibujando el SVG
• Modificando el código SVG para dar estilo al SVG
• Optimización de la SVG
• Animando el SVG

Solución de problemas

Palabras finales