YoVDO

Awesome Scrolling SVG Line Drawing - How They Did It

Offered By: DesignCourse via YouTube

Tags

SVG Animation Courses Computer Science Courses Javascript Courses HTML Courses Parallax Effects Courses

Course Description

Overview

Explore the creation of a modern layout featuring an engaging SVG animation controlled by scrolling in this comprehensive tutorial video. Learn to design and code a captivating scrolling SVG line drawing from scratch using HTML, CSS, and JavaScript. Follow along as the instructor guides you through the process, starting with drawing the SVG path in Figma, then moving on to implementing the HTML structure, styling with CSS, and adding interactivity with JavaScript. Discover techniques for creating parallax effects and gain insights into the final touches that bring the project to life. Perfect for front-end developers and designers looking to enhance their skills in SVG animation and modern web design techniques.

Syllabus

- Introduction
- Learn CSS & UI/UX
- Drawing the SVG Path in Figma
- HTML
- CSS
- JavaScript
- Parallax
- 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