Pasar al contenido principal

Cursos EDteam

Jose Luján
Luis Avilés
Álvaro Felipe, Jon Mircha
Álvaro Felipe
Alberto Quiroga
Alexys Lozada, Álvaro Felipe, Daniel Romero, Jon Mircha
Daniel Romero
Alexys Lozada, Daniel Romero
Álvaro Felipe
Francisco Romero
Alexys Lozada
Álvaro Felipe
Jon Mircha
Álvaro Felipe
Daniel Romero
Daniel Romero
Jose Luján
Álvaro Felipe
Freddy Cahuas
Álvaro Felipe
Jose Luján
Luis Avilés
Álvaro Felipe, Jon Mircha
Álvaro Felipe
Alberto Quiroga
Alexys Lozada, Álvaro Felipe, Daniel Romero, Jon Mircha
Daniel Romero
Alexys Lozada, Daniel Romero
Álvaro Felipe
Francisco Romero
Alexys Lozada
Álvaro Felipe
Jon Mircha
Álvaro Felipe
Daniel Romero
Daniel Romero
Jose Luján
Álvaro Felipe
Freddy Cahuas
Álvaro Felipe
https://cursos.ed.team/svg?comprar
svg-desde-cero

SVG Desde Cero

SVG (Scalable Vector Graphics) es un formato de imágenes vectoriales para web en formato XML. Es decir, puedes crearlas con programas como Illustrator o Sketch pero también directamente con código. Es más, crearlas en illustrator y luego manipularlas por código, animándolas con CSS o creando interacciones con JavaScript. SVG es un estándar de la W3C y tiene soporte completo por todos los navegadores. 

Pre-requisitos para tomar el curso: Conocimientos en HTML, CSS Y JS

La siguiente imagen es svg (generada completamente por código):

Semana 1
Semana 2
Semana 3
Semana 4

¿Qué es SVG?5 dic

  • Mapas de bits vs gráficos vectoriales
  • El formato SVG
  • Estructura básica de SVG (DOM)
  • El sistema de coordenadas
  • Exportar SVG desde programas de diseño
  • Obtener SVG desde la web

Formas básicas 8 dic

  • Líneas
  • Rectángulos
  • Circulos y elipses
  • Polígonos y polilíneas
  • Texto
  • Atributos SVG y CSS

DOM SVG 12 dic

  • Grupos
  • Símbolos
  • < defs >
  • Reutilizar elementos
  • Usar imágenes de mapa de bits
  • Usar SVG dentro de SVG

Transformaciones SVG 15 dic

  • Translate
  • Scale
  • Rotate
  • Skew
  • Transformaciones CSS

Formas avanzadas 19 dic

  • Paths
  • Degradados
  • Máscaras
  • Filtros

SVG en la web 22 dic

  • Íconos
  • Logos
  • Sprites
  • Contenedores y efectos
  • Tamaño y escala (SVG responsive)
  • CSS y SVG
  • JS y SVG

Animaciones SVG 26 dic

  • Animaciones con CSS
  • Animaciones con JS
  • GSAP (Greensock)

Proyecto final 29 dic

  • Se aplicarán elementos SVG a un sitio web para mejorar su estética y usabilidad
    • Iconos
    • Logotipos
    • Contenedores
    • Animaciones

Muestra gratis del curso

¿Por qué estudiar en EDteam?

Profesores reales

Somos la única plataforma con profesores reales con años de experiencia en aulas.

Aprende desde cero

Si quieres aprender algo nuevo, sin conocimientos previos, no hay mejor opción en español que EDteam.

Proyecto de fin de curso

Creamos el concepto de proyecto de fin de curso que se ha puesto de moda en todas las plataformas online.

Sin mensualidades

Líbrate de las ataduras. Paga solo lo que necesites aprender y estudiálo a tu ritmo y con acceso de por vida.

Secuencia de aprendizaje

Cursos desde cero que continuan con cursos avanzados para que aprendas en orden y sin perderte.

Clases bonus gratuitas

Accede a los EDtaller Premium, clases extra de todos los cursos (incluso de los que no hayas comprado) 100% gratis.

.
0
40
SVG Desde Cero
Profesor
Comprar (Paypal)
Ver otros medios de pago

Horarios

Clases en vivo los martes y viernes

  • 4:00 pm (CR / GT / SV )
  • 5:00 pm (MX / PE / EC / CO / PA / EST)
  • 6:00 pm (VE / BO / CU / DO )
  • 7:00 pm (CL / AR / UY / PY / BR )
  • 11:00 pm (ES)
Clases en vivo