YoVDO

Animating SVG with the Awesome GSAP

Offered By: DesignCourse via YouTube

Tags

GSAP (GreenSock Animation Platform) Courses Computer Science Courses HTML Courses Responsive Design Courses SVG Animation Courses

Course Description

Overview

Dive into a 30-minute tutorial on animating SVG using GSAP 3.0 (GreenSock Animation Platform) to create an engaging landing page for DesignCourse.com. Learn how to implement frontend development techniques, starting with an overview of the UI design created in Adobe XD. Explore the HTML structure and GSAP code necessary for animating SVG assets, with a focus on creating smooth and dynamic animations. Discover how to make the design responsive for various screen sizes. Access a Codepen demo to follow along and practice the techniques demonstrated. Gain insights from an experienced full-stack developer with over two decades of experience in design and coding.

Syllabus

- Introduction
- An awesome offer from Scrimba
- UI Design Overview
- HTML and GSAP Code
- Making it Responsive
- Final thoughts


Taught by

DesignCourse

Related Courses

Probabilistic Graphical Models 1: Representation
Stanford University via Coursera Computer Security
Stanford University via Coursera Intro to Computer Science
University of Virginia via Udacity Introduction to Logic
Stanford University via Coursera Internet History, Technology, and Security
University of Michigan via Coursera