Intro to SVG Web Graphics & Animation

If you’re not saving your vector graphics (icons, logos, etc) as SVG (Scalable Vector Graphics) for use in your webpages, you should be! Instead of using pixel-based PNGs, keep the graphics as their native vectors (so they download faster and can be used at any size). As great as that is, you can even use JavaScript to animate them!

Get started learning why and how you should be using SVG in this free class, before diving into one of our hands-on classes including Figma, Adobe XD, Sketch, Illustrator, or Web Coding.

What You’ll Learn

Overview of SVG
Ways to use SVG in webpages
Tips and best practices for saving graphics as SVG in Adobe Illustrator, Figma, Adobe XD, and Sketch
Styling SVG with CSS
Animating SVG with the GreenSock Animation Platform (GSAP)

Keep Learning with Noble Desktop

Take the next step in your learning journey with a class at Noble Desktop. Get hands-on, interactive, training led by expert instructors. Quickly learn valuable new skills in a short workshop or start your career transformation in one of our immersive NY State-approved certificate programs.

Our flexible scheduling makes it easy to find a class at the right time for you, whether you attend in NYC or live online. All Noble Desktop classes come with a free retake within one year to ensure you get the most out or your learning experience.

Take The Next Step With a Relevant Course

Front-End Web Development Certificate

Weekdays or weeknights
108 hours
Open to beginners
Financing available
1:1 Mentoring

Learn to create the front end of websites by coding HTML, CSS, and JavaScript. Build websites using WordPress, code emails with HTML & CSS, and use Git to track changes and collaborate with other developers.

View course

Full-Stack Web Development Certificate

Weekdays only
420 hours
Open to beginners
Financing available
1:1 Mentoring

Become a Full Stack Developer and work on all parts of a web application, from its front end appearance to its back end data management. Companies need full stack developers for their diversity of talents.

View course

Data Science Certificate

Weeknights, weekdays, or weekends
114 hours
Open to beginners
Financing available
1:1 Mentoring

Master the tools to become a Data Scientist: Python, SQL, automation, and machine learning. Learn Python programming fundamentals and analyze data with Pandas, NumPy, and Matplotlib, and query databases with SQL. Use machine learning to apply regressions and other statistical analysis to create predictive models.

View course

Software Engineering Certificate

Weekdays only
510 hours
Open to beginners
Financing available
1:1 Mentoring

Learn the skills to become a Software Engineer or Full Stack Developer in this immersive course. Create the front end using HTML, CSS, JavaScript, and React; build the back end with Python, Django, and Node.js

View course

UI Design Certificate

Weekdays or weeknights
120 hours
Open to beginners
Financing available
1:1 Mentoring

Design mobile & web interfaces, learn graphic design fundamentals, and create a portfolio. Our UI Design Certificate includes classes in Figma, Photoshop, Illustrator, graphic design & UI Design.

View course

JavaScript Development Certificate

Weeknights or weekdays
324 hours
Prerequisites required
Financing available
1:1 Mentoring

Learn how to build web apps with JavaScript, one of the most popular coding languages. Create a portfolio of projects and prepare for a career in application development.

View course

Web Design Certificate

Weekdays or weeknights
162 hours
Open to beginners
Financing available
1:1 Mentoring

Become a well-rounded Web Designer and start creating your portfolio. Learn to design webpages and emails, code them with HTML, CSS, and JavaScript, as well as build websites with WordPress.

View course