Pular para as informações do produto
1 de 1

Loja - Instituto Brasileiro de Terapias holísticas

Curso de Fundamentos do SVG

Curso de Fundamentos do SVG

Preço normal R$ 39,90 BRL
Preço normal R$ 127,00 BRL Preço promocional R$ 39,90 BRL
Promoção Esgotado
Frete calculado no checkout.

Princípios Fundamentais do SVG: Aprenda os Fundamentos Teóricos do SVG e da Animação SVG

Visão Geral do Curso

Você está interessado em aprender sobre Scalable Vector Graphics (SVG) e Animação SVG? Seja você um iniciante ou já tenha algum conhecimento e queira expandir suas habilidades, este curso é perfeito para você. Fornecemos informações abrangentes e detalhadas sobre a especificação W3C para SVG, que é amplamente utilizado por 99% dos sites hoje em dia. O SVG oferece inúmeros benefícios, incluindo dimensionamento sem perda de qualidade para sites responsivos, tamanhos de arquivo leves para carregamento rápido, compatibilidade com navegadores modernos, personalização fácil e a capacidade de criar animações interativas. Além disso, o SVG é um formato de texto, permitindo a otimização de SEO sem tags meta externas.

Por que fazer este curso?

Para apreciar totalmente as vantagens do SVG, é essencial trabalhar com ele e entender seus fundamentos. Este curso segue um modelo clássico de aprendizado acadêmico que incentiva o pensamento crítico, a criatividade e a capacidade de criar coisas novas. Através de aulas em vídeo, você aprenderá a teoria por trás do SVG, incluindo elementos de linguagem, sintaxe, estrutura, algoritmos e tipos de dados. O curso também inclui tarefas práticas, como documentos em PDF que resumem os materiais das palestras e módulos de lição de casa em HTML e CSS. Esses módulos fornecem metas específicas para você praticar e aplicar seus conhecimentos. Além disso, módulos de respostas estão disponíveis para mostrar soluções possíveis para cada tarefa. O modelo acadêmico de treinamento tem se mostrado altamente eficaz em todo o mundo, tornando-o a melhor abordagem para se tornar um especialista em SVG qualificado. Se você está procurando um curso prático que vá além de truques básicos, este curso é perfeito para você.

O que você aprenderá

Este curso segue uma rota educacional que começa com conceitos simples e avança gradualmente para tópicos mais complexos. Aqui está um breve resumo do que você aprenderá: 1. Os conceitos mais simples, incluindo recursos do sistema de coordenadas no SVG e o elemento de contêiner . 2. Tipos e aplicações de formas básicas, como pintura, máscaras de recorte e muito mais. 3. Posicionamento de primitivas no sistema de coordenadas e controle de suas propriedades geométricas usando elementos como , , , , e . 4. Compreensão do elemento e sua aplicação no SVG, incluindo o conceito de ponto atual. 5. Exploração de comandos de caminho como moveTo(M,m), lineTo(L,l), curveTo(C,c,S,s), curveTo(Q,q,T,t), arc(A,a) e closePath(Z,z). 6. Dominando a propriedade d e a sintaxe de dados de caminho para otimizar a renderização e minimizar o tamanho dos arquivos. 7. Compreensão das curvas de Bezier, incluindo comandos de curva cúbica, poli cúbica suave, quadrática e elíptica, e seus argumentos. 8. Exploração de opções para alterar estilos de elementos gráficos. 9. Aprendendo sobre a especificidade das regras CSS e a prioridade dos estilos aplicados. 10. Compreensão dos atributos de apresentação e suas limitações. 11. Exploração de algoritmos de operação do agente de usuário interno no SVG, incluindo cálculos para cantos arredondados e renderização de elipses. 12. Conteúdo exclusivo: Personalização de imagens no SVG, incluindo o conceito de viewport, parâmetros viewBox e o sistema de coordenadas local. 13. Compreensão da relação entre o viewport e viewBox no SVG, incluindo transformações do sistema de coordenadas, o efeito na imagem final e funções de panorâmica e zoom. 14. Opções avançadas de personalização de imagens, incluindo o atributo e seus parâmetros. 15. Exploração de viewports aninhados, unidades e algoritmos de cálculo de porcentagem. 16. Compreensão da estrutura do documento, agrupando elementos com e reutilizando conteúdo com os elementos , e . 17. Técnicas de pintura, incluindo diferentes formas de pintar, usando os atributos e e compreendendo as unidades de cor do SVG. 18. Controle das propriedades de preenchimento, incluindo flexibilidade de cor, algoritmos de preenchimento e controle de opacidade. 19. Manipulação das propriedades de traçado, incluindo largura do traçado, opacidade, ordem de pintura, valores de stroke-linecup, valores de stroke-linejoin e stroke-dasharray. 20. Criação de marcadores e compreensão de seus atributos e propriedades. 21. Exploração de caixas delimitadoras e revelação de caixas delimitadoras de vários elementos no código. 22. Compreensão dos servidores de pintura, incluindo gradientes e padrões, e suas propriedades. 23. Dominando gradientes lineares, incluindo atributos vetoriais, paradas de gradiente, atributos de deslocamento e métodos de propagação. 24. Exploração de gradientes radiais e compreensão das cores de parada em gradientes radiais. 25. Criação de padrões e compreensão de seus atributos, incluindo preenchimento, traçado, conceitos de mosaico e unidades de padrão. 26. Resumo do curso: Você ganhará conhecimento teórico e terá tarefas práticas reais para reforçar seu aprendizado. Junte-se a este curso hoje e torne-se um especialista qualificado em SVG!
Ver informações completas