Blog
17/06/2019

SVG Graphics: Illustrate and Animate with Code

Curious about how animated graphics are made on some websites? This course is for you—SVG Graphics: Illustrate and Animate with Code is now available.

SVG stands for Scalable Vector Graphics, a two-dimensional vector graphic format that can be static or animated. It’s one of the most widely recommended formats for web development.

SVG Graphics: Illustrate and Animate with Code

 

Unlock the full potential of SVG and enhance the user experience in your web designs.

Cool, right?

What will I learn in the SVG Graphics: Illustrate and Animate with Code course?

In the SVG Vector Graphics: Illustrate and Animate with Code course, you’ll learn how to work with vector illustrations on your websites, focusing on interactive animation.

The course runs for 2 hours and 2 minutes, taking you from the basics of SVG to completing a full project.

You’ll learn to:

  • Get started with the SVG format
  • Style SVGs using attributes and CSS
  • Use line, polyline, polygon, and path tags for curves, straight lines, and points
  • Work with viewBox attributes for virtual viewports
  • Optimize, edit, group, define, and reuse SVG elements with code
  • Integrate SVG into your website
  • Create SVG effects

 

Don’t miss out on this course and learn how to create SVG vector graphics to illustrate and animate your web designs and projects.

How will I do it?

The course project involves creating an illustration using animated vector elements.

You’re free to choose your own theme and level of difficulty, so you can keep it simple or go all out—putting into practice all the tools you’ll learn throughout the course.

montaje-curso-de-la-semana

What do I need to take the course?

All you need to successfully complete this course is a computer, a code editor, and a vector graphics editor (like Illustrator, Sketch, Inkscape, or similar).

With those tools and a bit of enthusiasm, you’ll finish the course as an SVG pro.

Is this course for me?

To get the most out of the SVG Vector Graphics: Illustrate and Animate with Code course, you should have a basic understanding of HTML and CSS.

This course is especially recommended for:

  • Graphic designers
  • Creatives
  • Illustrators
  • Developers
  • Frontend coders
  • Web designers

Who is the instructor?

Once again, Javier Usobiaga—our resident web design and development guru—will be your guide throughout the course.

Javier is a web designer with 10 years of experience and co-founder (with Marta Armada) of Swwweet, a studio specializing in responsive web design.

He also teaches workshops at Elisava and IDEP, making him the ideal instructor for you.

Don’t hesitate and…

Sign up now!

About Domestika

With over 1 million creatives, Domestika is the perfect place to share and learn about all the topics that interest you.

Did you like it?
Related articles
Ready to start
your project?

We assess your current situation and outline the next steps.

Contact now
Our site uses cookies to collect information about your device and browsing activity. We use this data to improve the site, ensure security and deliver personalized content. You can manage your cookie preferences by clicking here.
Accept cookies Configure Decline cookies
Basic cookie information
This website uses cookies and/or similar technologies that store and retrieve information when you browse. In general, these technologies can serve very different purposes, such as, for example, recognizing you as a user, obtaining information about your browsing habits or personalizing the way in which the content is displayed. The specific uses we make of these technologies are described below. By default, all cookies are disabled, except for technical ones, which are necessary for the website to function. If you wish to obtain more information or exercise your data protection rights, you can consult our Política de cookies".
Accept cookies Configure
Technical cookies needed Always active
Technical cookies are strictly necessary for our website to work and for you to navigate through it. These types of cookies are those that, for example, allow us to identify you, give you access to certain restricted parts of the page if necessary, or remember different options or services already selected by you, such as your privacy preferences. Therefore, they are activated by default, your authorization is not necessary.rnThrough the configuration of your browser, you can block or alert the presence of this type of cookies, although such blocking will affect the proper functioning of the different functionalities of our website.
Cookies de análisis
Las cookies de análisis son las utilizadas para llevar a cabo el análisis anónimo del comportamiento de los usuarios de la web y que permiten medir la actividad del usuario y elaborar perfiles de navegación con el fin objetivo de mejorar los sitios web.
Confirm preferences
contact us
Form

Tell us
your project

Indicate the general context of your organization and the planned scope of the project.
Code Barcelona, ​​as responsible for the processing of your data, will process it in order to respond to the query and/or request that you make to us through this contact form. Privacy Policy.
Title
Popupcontent
Analysis of your digital situation

We will review your current digital situation. We will get in touch to understand your context and jointly assess which areas to analyze, after which we will prepare an audit including key findings and recommendations.

Code Barcelona, ​​as responsible for the processing of your data, will process it in order to respond to the query and/or request that you make to us through this contact form. Privacy Policy.
Aceptar