Aprenda SVG para Desenvolvedores Web

Avaliação: 4.6 de 53 avaliações

Total de horas: 13

Aulas: 79

Aprenda SVG: Do Zero ao Especialista

O SVG existe desde 1998, mas só recentemente ganhou suporte completo nos navegadores. É um formato gráfico maduro para a web que permite criar animações e efeitos impressionantes, entre outras coisas. Este curso é uma mistura de teoria e prática, com numerosos exemplos práticos, e é voltado principalmente para desenvolvedores web. Conteúdo do curso: - Usando software para criar gráficos SVG - Usando tags SVG para criar gráficos SVG - Métodos de inclusão de imagens SVG em uma página da web: peculiaridades e diferenças - Modificando partes de uma imagem SVG usando JavaScript e CSS - Tornando imagens SVG escaláveis e responsivas - Criando um Sistema de Ícones em SVG - Otimizando imagens SVG - Animações nativas em SVG com SMIL, animando SVG com CSS e JavaScript - Clip, path, filtros, pesquisa tipográfica, padrão Quase todas as explicações teóricas são acompanhadas por pelo menos um exercício ilustrativo, com uma abordagem didática focada em aprender fazendo, combinada com explicações teóricas detalhadas. Também há muitos exercícios/projetos desafiadores e educacionais para os alunos testarem a si mesmos, ultrapassarem seus limites e se tornarem criativos no final de cada seção. Sobre mim: Meu nome é John Smith, sou engenheiro de computação e desenvolvedor web focado principalmente no desenvolvimento frontend. Sempre fui apaixonado por tecnologia e ciência da computação, e também ensino profissionalmente tópicos de desenvolvimento web para uma empresa. Seja você um iniciante ou tenha conhecimentos avançados em SVG, este curso é perfeito para você. O que você vai aprender: - Compreender as vantagens de usar imagens SVG em comparação com formatos raster (png, jpeg, gif, webp, etc.) em páginas da web - Capacidade de modificar e personalizar imagens SVG existentes usando ferramentas online gratuitas e o Adobe Illustrator - Compreender os conceitos, tags e atributos do SVG que permitirão criar imagens SVG do zero - Incluir imagens SVG em suas páginas HTML - Tornar partes das imagens interativas usando CSS e JavaScript - Tornar imagens SVG elásticas e responsivas - Construir um Sistema de Ícones (equivalente a um sprite para imagens clássicas) - Diversificar suas páginas da web das padrões construídas com Bootstrap, animando imagens SVG em CSS, com SMIL e/ou com JavaScript - Outras habilidades que você adquirirá neste curso: criar padrões para usar em seu layout, usar filtros, recortar e mascarar, pesquisa tipográfica e muito mais - Tudo isso será ensinado de forma prática, aprendendo fazendo, sem negligenciar a teoria subjacente. Haverá muitos exemplos práticos que implementaremos ao vivo. - Adquirir o conhecimento técnico para se tornar criativo, ou seja, pensar em um recurso gráfico e implementá-lo de forma independente.