Learn Web Animation the Easy Way: An Intro to SVG and GSAP
Learn Web Animation the Easy Way: An Intro to SVG and GSAP, available at $39.99, has an average rating of 4.38, with 15 lectures, based on 587 reviews, and has 3110 subscribers.
You will learn about Understand SVG and the benefits of using it today Embed SVG on a web page and organize SVG elements for web animation Gain hands-on experience with the GreenSock Animation Platform and how to animate anything with it Master how to easily breakdown an SVG project into scenes and timelines in GreenSock Create a complex, fully animated greeting card, step-by-step and ready to share with friends This course is ideal for individuals who are Some experience with HTML/CSS/Javascript is needed or No SVG knowledge is needed or expected or Anyone with an interest in web development and animation will benefit from the skills taught in this course It is particularly useful for Some experience with HTML/CSS/Javascript is needed or No SVG knowledge is needed or expected or Anyone with an interest in web development and animation will benefit from the skills taught in this course.
Enroll now: Learn Web Animation the Easy Way: An Intro to SVG and GSAP
Summary
Title: Learn Web Animation the Easy Way: An Intro to SVG and GSAP
Price: $39.99
Average Rating: 4.38
Number of Lectures: 15
Number of Published Lectures: 15
Number of Curriculum Items: 15
Number of Published Curriculum Objects: 15
Original Price: $39.99
Quality Status: approved
Status: Live
What You Will Learn
- Understand SVG and the benefits of using it today
- Embed SVG on a web page and organize SVG elements for web animation
- Gain hands-on experience with the GreenSock Animation Platform and how to animate anything with it
- Master how to easily breakdown an SVG project into scenes and timelines in GreenSock
- Create a complex, fully animated greeting card, step-by-step and ready to share with friends
Who Should Attend
- Some experience with HTML/CSS/Javascript is needed
- No SVG knowledge is needed or expected
- Anyone with an interest in web development and animation will benefit from the skills taught in this course
Target Audiences
- Some experience with HTML/CSS/Javascript is needed
- No SVG knowledge is needed or expected
- Anyone with an interest in web development and animation will benefit from the skills taught in this course
If you’re a front-end developer, UI/UX designer or just a general web animation enthusiast you’ll benefit from the techniques taught in this course. We use a project-based approach to introduce you to the SVG graphics format and GreenSock Animation Platform–possibly the most powerful and performant javascript animation library available today.
While building a complex animated greeting card, you’ll learn:
• Why SVG is a hot commodity today
• The benefits of using SVG
• About SVG shapes and custom tags
• How to include SVG on a web page
• How to organize SVG elements for web animation
• What the GreenSock Animation Platform is
• Make sense of GreenSock’s different bundles and which to use
• The GreenSock API and its six basic tweening functions
• All about timelines and how they work in GreenSock
• How to break down the SVG project into scenes
• How to create catchy, impressive animations piece-by-piece
• How to use timelines to organize your entire animation sequences
• And much more…
All project files with full source code will be made available to you at each step of the animation process. Learn valuable skills that will benefit you through out your career or open up a whole new world of creative expression if you’re a hobbyist or enthusiast.
Course Curriculum
Chapter 1: Start Here
Lecture 1: Introduction
Chapter 2: SVG Basics
Lecture 1: An Overview of SVG
Lecture 2: SVG Basic Shapes & Primitives
Lecture 3: A Few More SVG Features
Chapter 3: GreenSock Basics
Lecture 1: Introduction to GreenSock
Lecture 2: Hands-on GreenSock – Part 1
Lecture 3: Hands-on GreenSock – Part 2
Lecture 4: Hands-on GreenSock – Part 3
Lecture 5: Hands-on GreenSock – Part 4
Chapter 4: Animation Project
Lecture 1: Project Overview
Lecture 2: Project Files & Folder Structure
Lecture 3: Animation Project – Step 1
Lecture 4: Animation Project – Step 2
Lecture 5: Animation Project – Step 3
Lecture 6: Animation Project – Final Step
Instructors
-
Siggy Works
Javascript Developer/SVG Enthusiast/Cartoonist
Rating Distribution
- 1 stars: 1 votes
- 2 stars: 13 votes
- 3 stars: 61 votes
- 4 stars: 196 votes
- 5 stars: 316 votes
Frequently Asked Questions
How long do I have access to the course materials?
You can view and review the lecture materials indefinitely, like an on-demand channel.
Can I take my courses with me wherever I go?
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!
You may also like
- ISO 9001:2015 Quality Management System (QMS)
- Start Your Own Business: From Startup Idea to Product Launch
- Agile, Scrum & Kanban Practice Tests & Interview Questions
- Should I Start a Home Care Agency?
- Customer Segmentation Analytics Masterclass 2024
- Amazon FBA&Dropshipping Suspension Prevention Course (2023)
- How To Finance Deals With Little To No Money Out Of Pocket
- Transport and Mobility Decarbonisation & Energy Transition
- Project Management Professional (PMP) 6th edition PMBOK
- Building Better Programs: The Training Cycle
- Professional Email Writing in English: Complete Training
- Create & Sell – Finding your IDEAL CUSTOMER
- ESG Reporting
- FOOD SAFETY Exam Questions Practice Test
- PMI's Disciplined Agile Coach- Practice Exam
- Business the Hard Way Vol 1: Sales the Hard Way
- Using & Interpreting CamelCamelCamel & Keepa Charts For FBA
- Brand Identity Breakthrough: Make Your Products Irresistible
- Webinar Mastery – Sell High Ticket Products!
- How to Draft Privacy policy & Terms of Use for your website