*** Proof of Product ***
Exploring the Essential Features of “Rik Lomas & Jake Brussel Faria – Animation for the Web – SuperHi”
Animation for the Web
Take full control of web graphics and give your site interactions a bit of flourish with movement and animation.
In this go-at-your-own-pace course, SuperHi has designed and produced a series of projects all about hand-coding, styling, and animating SVGs to bring scalable, performance-friendly illustrations to life in the browser.
The course includes 12 hours of video lessons that will teach you how to handcraft animations with CSS, SVG, Javascript and GreenSock.
You’ll learn how to craft drawings with code in Figma and then animate their motion and styling with both CSS animations and the industry standard GreenSock Animation API (GSAP).
This is a great next step for students who already have some knowledge of HTML and CSS, or have completed our Foundation HTML, CSS + Javascript + Javascript For Designers courses.
What you’ll learn
- How to craft SVGs and SVG animations by hand.
- How to use CSS and GreenSock to animate shapes and paths.
- Create and apply special effects such as patterns and clip paths.
- How to set up timelines, sequences, and click events.
- How to make our animations feel more natural with easings and delays.
- How to start self-initiated projects working with illustrations and UI animation.
WHAT YOU’LL GET
Real world projects – Projects and code that you can alter and remix to add to your own sites and portfolio
Resources – Resources to get you started and going post-course
12 hours of video lessons – Practical, go-at-your-own pace learning
WHO THIS COURSE IS FOR
From graphic designers looking to bring movement to their creations to developers aiming to add a bit of pizzazz to their site interactions, this course is for anyone who wants to learn how to use animation techniques for full control of graphics on the web.
This is a beginner course when it comes to page transitions, though we would recommend basic knowledge of HTML, CSS, and a bit of Javascript before starting. If you don’t have this just yet, trying our Learn To Code Now book, or taking our Foundation HTML, CSS + JS course and our Javascript For Designers course will help you feel as prepared as possible.
WHAT YOU’LL NEED
A computer (Windows, Mac or Linux) with the latest version of Chrome installed and a broadband internet connection. You’ll also want to set up a Figma account. That’s it!
Your instructors
Our instructors have decades of professional experience, have spoken at international conferences and have won countless web design awards.
Rik Lomas
Rik (he/him) is a Mancunian coder, teacher and CEO of SuperHi. He was the co-founder of Steer (a code school in London) and has taught several thousand people to code. He is a bit too old to be posting memes on our social media and recently featured as a Sour Patch Kid in the Macy’s Thanksgiving Parade.
Jake Brussel Faria
Jake is a New York-based freelance designer and coder working as Arcades Studio. Previously he was a content creator as part of the lovely SuperHi team.
Please see the full list of alternative group-buy courses available here: https://lunacourse.com/shop/
