Uma foto minha vestido com o uniforme da Grifinória do Harry Potter

Willian JustenSoftware Engineer

Instrutor na Udemy, escrevo sobre o mundo front end, viagens, vida pessoal e mais.

← Voltar na listagem

Pre-venda: Curso de SVG

Se adiante e adquira um dos cursos mais completos de SVG totalmente em português.

Introdução

Faaala pessoal! Estou aqui para passar uma novidade bem rapidinha para vocês. Quando lancei meu primeiro post sobre o início da criação dos meus cursos, eu falei para vocês que sempre iria disponibilizar conteúdo gratuito e assim foi com o Curso de Git e Github e o Curso de Jekyll.

Mas hoje eu estou aqui, para disponibilizar a pré-venda do meu mais novo curso que será premium, que será: Aprendendo SVG do início ao avançado! =D

Uma novidade do curso é que todos irão receber um certificado de conclusão do curso, que poderá ser utilizado como horas extras para faculdade e/ou também para discutir um investimento com sua empresa =)

Em breve eu vou estar colocando aqui um vídeo de divulgação do curso também, para quem quiser compartilhar ^^

Se você já leu meus posts e/ou assistiu algum curso meu e gostou, não perca a oportunidade de pegar o curso na pré-venda, além de você estar ajudando a liberar o curso mais rápido, também ganhará um desconto de 25% do preço final do curso!! Saindo de R$ 200,00 (preço no lançamento) para R$ 150,00.

Role a página até a parte de pré-venda ou clique no link para escolhar uma das opções. Que pode ser Paypal, Pagseguro ou até mesmo transferência bancária.

A pré-venda foi finalizada, muito obrigado a todos!

O curso agora está disponível em seu preço normal e você pode comprar por aqui

Video

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
    • Utilizando JS para estilizar e criar novos elementos
    • 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 de filtros
    • Criando uma animação com filtros
  • Acessibilidade no SVG
    • Dicas e informações para deixar tudo mais acessivel
  • Performance
    • Criando e Exportando com Illustrator
    • Usando ferramentas para otimizar
  • Busque Conhecimento
    • Projeto Awesome-SVG e outros
    • Agradecimentos

Certificado

Todos os alunos que terminarem o curso irão receber um certificado de conclusão

Repositório do Curso

Todas as informações aqui, também podem ser encontradas no repositório do curso, lá eu disponibilizarei os exemplos que serão feitos no curso e também irei tirar todas as dúvidas através das issues que podem ser abertas lá.

Pré-venda Finalizada!

As compras agora poderão ser feitas de duas formas:

  • Em dólar direto pela plataforma
  • Em real através do Eventick

Update: o curso agora pode ser adquirido através da Udemy

Contato

Qualquer dúvida ou curiosidade, é só mandar um email para willianjustenqui@gmail.com ou então falar comigo através de qualquer rede social.