Cursos de SVG Fundamentals

Introdução

Panorâmica dos gráficos vectoriais Scalable

• Compreender os gráficos vectoriais
• SVG Fundamentos
• SVG Utilizações e aplicações

Aprender as noções básicas de utilização SVG

• Criar uma SVG
• Usando SVG como imagens
• Criando uma imagem SVG

Aprofundando o código SVG

• Entendendo o layout, a estrutura e os atributos de SVG
• Introdução a SVG Elements
• Trabalhando com SVG Gráficos Elements
• Trabalhando com SVG Container Elements
• Trabalhando com SVG Gradiente Elements

Usando SVG com HTML e CSS

• Incorporação SVG
• Modificar e estilizar SVG Usando CSS
• Tornar SVG Responsivo

Criar SVG Sprites

• Visão geral dos sprites de imagem
• Usando HTML Sprites SVG em linha
• Referenciar sprites SVG externos em HTML
• Usando CSS Sprites SVG em linha
• Usando SVG Identificadores de Fragmentos

Optimizando SVG

Animação com SVG

• Usando CSS para SVG Animation
• Usando SMIL para SVG Animation
• Usando JavaScript para SVG Animation

Criar o seu primeiro projeto de logótipo SVG Animation

• Configurando seu ambiente de trabalho
• Desenhando o SVG
• Modificando o código SVG para estilizar o SVG
• Optimizando o SVG
• Animando o SVG

Resolução de problemas

Observações finais