Princípios básicos do SVG para iniciantes

Scalable Vector Graphics SVG do zero

Neste curso abrangente, você embarcará em uma jornada para dominar os princípios básicos do Scalable Vector Graphics (SVG). Seja você um desenvolvedor web experiente ou apenas iniciando, este curso foi projetado para equipá-lo com as habilidades necessárias para criar visuais impressionantes usando SVG.

Visão geral do curso

Ao longo deste curso, você explorará diversos tópicos, incluindo: 1. Formas básicas: Descubra como construir desenhos complexos usando a ampla variedade de formas básicas disponíveis no SVG. De linhas e círculos a retângulos e polígonos, você aprenderá a manipular características de traço, como largura do traço, opacidade do traço e muito mais. 2. Transformação: Adquira expertise em mover, girar, dimensionar e inclinar o sistema de coordenadas para criar formas e designs cativantes. 3. Caminhos: Explore o poder dos caminhos no SVG, incluindo moveto, lineto, closepath, curvas de Bezier quadráticas e o elemento marcador. 4. Padrões e gradientes: Liberte sua criatividade aprendendo a criar gradientes de cores impressionantes usando gradientes lineares e radiais, além de padrões de preenchimento cativantes. 5. Texto: Adicione elementos textuais aos seus desenhos SVG, tanto em linha reta quanto seguindo um caminho específico. 6. Trabalhando com SVG e CSS: Descubra como integrar perfeitamente o SVG com o CSS, utilizando folhas de estilo CSS internas e externas. Aprenda o básico da animação CSS e como animar várias propriedades CSS simultaneamente. 7. Animação e script do SVG: Aproveite as capacidades de animação incorporadas no SVG dominando os conceitos básicos de animação, ações repetidas e movimento ao longo de um caminho. Este curso é voltado para desenvolvedores web que desejam explorar as infinitas possibilidades do Scalable Vector Graphics. É recomendada experiência prévia com JavaScript, CSS e XML para aproveitar ao máximo este curso. Ao concluir, você terá as habilidades para trabalhar com SVG em diversos contextos, incluindo como imagens estáticas, dentro do CSS, como elementos em um documento HTML e como parte de animações ou visualizações com script.

O que você aprenderá

Ao se inscrever neste curso, você adquirirá a capacidade de: - Criar arquivos SVG usando um editor de texto - Gerar arquivos SVG a partir de dados vetoriais existentes - Animar e criar scripts para elementos SVG - Utilizar SVG como imagens estáticas - Incorporar SVG dentro do CSS - Integrar SVG como um elemento em um documento HTML - Utilizar SVG como um componente com script em animações Embarque nesta jornada transformadora e desbloqueie todo o potencial do Scalable Vector Graphics. Inscreva-se agora para começar a criar designs visualmente impressionantes e interativos com SVG.