Aprenda SVG do início ao avançado

Clique aqui e vá para a página oficial do vendedor para adquirir ou conhecer melhor esse produto!!!

DESCRIÇÃO DO PRODUTO

Objetivo do Curso O curso tem como objetivo passar desde os conceitos básicos do SVG até os mais avançados, permitindo criar basicamente o que se quiser com SVG. O curso será desenvolvido em pequenos módulos com vídeos curtos, facilitando assim o aprendizado e o desenvolvimento do aluno, visando sempre uma didática simples, concisa e bastante aplicada a prática de trabalho. Existirão alguns projetos ao decorrer do curso, para aplicarmos os conceitos aprendidos, fazendo com que o aluno perceba sua evolução e também comece a trabalhar mais em sua parte criativa e com código. Ementa Introdução ao SVG – Introdução do Curso – História – O que é? – Por que usar? – Quando usar? – Como criar? – Onde baixar? Como usar e suas vantagens/desvantagens? – Como imagem – Como background-img – Via iframe/object/embed – Como Data URIs – Inline SVG A estrutura do SVG – Plano Cartesiano – ViewBox e ViewPort – preserveAspectRatio – Formas Básicas – Elemento Path – Groups, defs, use e symbol Estilizando o SVG – Métodos para estilizar e Peso das Propriedades – Fill e Stroke – Colorindo ícones com mais de uma cor Projeto #1 – Construindo um SVG responsivo e adaptativo – Tornando o SVG Fluido – Tornando o SVG adaptativo Sistemas de Ícones em SVG – Fixando o uso de ícones com Symbol – Usando o Icomoon Projeto #2 – Criando um boilerplate em Gulp para gerar sprites Projeto #3 – Criando um loader com SVG e CSS Animations – Editando e preparando o visual do nosso loader – Usando Keyframes para animar Animações SVG com SMIL – Entendendo o que é SMIL – Criando uma animação simples – Famoso Morph Path – Especificando um caminho para a animação Manipulando SVG com JS – Identificando e Estilizando pelo DOM – Criando novos elementos com JS e definindo atributos – Algumas bibliotecas aconselhadas Criando animações com as propriedades de Stroke – Criando um loader animado usando propriedades do stroke – Fazendo o efeito de desenhar – Usando o scroll para controlar o desenho Filtros SVG – Alguns tipos d