SVG Master
studiomeal
$22.00
Basic / SVG, HTML/CSS
4.9
(103)
1,600+
Learn the basics of web vector graphics SVG and acquire the skills to apply them in the desired direction through fun and diverse examples.
Basic
SVG, HTML/CSS
From the beginning, without any libraries, one by one
This is an interactive web course that you can create yourself. 🧩
Without library
Building from the ground up ✨
This course covers implementation from scratch, without any libraries. In practice, productivity is paramount, so finding and using good libraries is crucial. However, understanding the underlying technology and implementation principles is crucial for becoming a competent developer.
By learning from the ground up and implementing each step yourself, you can differentiate yourself as a high-level interactive engineer. While the visible behavior may be the same, developers who have trained themselves from the ground up demonstrate a distinct level of skill.
Are you having these concerns?
"Like the flashy websites you often see on overseas web award sites,
I want to see and learn firsthand the process of implementing creative UI interactions ."
"I'm a very creative designer, but my coding skills can't keep up.
I want to become a true dog trainer who is valuable and precious."
"I studied CSS and JS hard, but I always ended up creating similar content and examples.
"I want to understand how the library works, rather than how to use it."
2023 Update Guide ✅
In June 2023, additional supplementary videos were updated . Since some time has passed since the initial release of the course, we've added content that we believe needs updating or enhancement at this point. The additional videos have the words [2023] in their titles, as shown below. 
What's special about this course? 🔎
👌 This isn't a course that starts from the very beginning. You'll need a basic understanding of CSS and JavaScript to progress smoothly.
👌 If you need a basic review, I recommend that you study with my CSS Layout/JavaScript Basics video on YouTube and then continue with this lecture.
👌 We provide the source code of the final 3D scrolling website.
Related Roadmap 🚎
Create dynamic, interactive websites that will elicit exclamations of "Oh!"
Creating an interactive website with 1 Minute Coding
This is a roadmap of lectures. This lecture is included .
I have taken a UI-related course at another institution. At the time, I focused more on jQuery than JavaScript, so I thought JavaScript would be difficult, but after taking the course, I was surprised to find out that it was possible to do it with just JavaScript. I was also very satisfied with the fact that the functions and properties of CSS3 were organized more systematically. I also really liked the fact that they reviewed it in the middle of the lecture so that I wouldn't forget it. I was really satisfied. If you release another course, I think I'll take it right away! ㅎㅎ
Oh, I love it! I understand it so well and after taking the basic JavaScript class, I can't help but exclaim "Eureka!"
This is the best lecture for interaction, not front/backend!! In many schools, they skip js and only teach you how to use jquery, but this lecture explains in detail how pure js works, so I feel like my knowledge of the original technology is gradually accumulating!! The instructor's voice is so good and the examples are fun, so I listened without realizing the time!! After listening to the lecture, I am working without libraries in my field!!
The lecture was so fun and informative ^.^~ It was good to be able to learn how to actually use this kind of grammar (such as attribute selectors and objects in CSS) while making various examples with JavaScript. In particular, it was much easier and better to understand because he didn't just explain it by looking at the code, but also drew pictures (perspective part) and explained the 3D part (card flipping, last example) with a camera and paper. And when learning about flex, I remember the Odeng skewers and Odeng... I think I'll never forget it ㅎㅎ I highly recommend it to those who have just finished JavaScript and are thinking about interactive web or what they can do with JavaScript! I think it would be great if there were various classes that link interactive web or backend in the future. I really enjoyed the great lecture. Thank you!!
As expected, it is as expected... I learned it after listening to the live JavaScript lecture and followed along to Inflearn. As I felt during the live lecture, the teacher explains it well so that even beginners can understand it, and above all, it is great to see the detailed efforts made to help students understand. I will just trust the teacher and follow him when it comes to interactive web :) I will try to become an interactive web master once. Hehe
![Web Design Development Technician [2025] Complete Practical Course (KakaoTalk Q&A Available)Course Thumbnail](https://cdn.inflearn.com/public/courses/332868/cover/3a2245ca-bb9f-414a-ba67-403cfcb2b7c9/332868.jpg?w=420)
![[2026 Examination Standards] Perfect Guide for the Web Design & Development Technician Practical ExamCourse Thumbnail](https://cdn.inflearn.com/public/courses/324878/course_cover/12211037-e74b-46b3-8942-46d465b81bba/webdesign-cover-02.png?w=420)
