آموزش کدنویسی و کار با عکس های SVG

با مشاهده این کورس آموزشی از طریق انجام پروژه های واقعی و به زبانی بسیار ساده مطالب فراوانی را در رابطه با SVG یاد می گیرید.

عنوان اصلی : SVGs as Code: Interactive Icons and Easy Image Manipulation

سرفصل ها :

1. شیرجه بزنید
2. SVG به عنوان کد
3. دستکاری Stroke و Fill با CSS
4. SVG 'Use' و Shadow DOM
5. Inlining SVG
6. Fontawesome 5 & svg-with-js
7. ایجاد نوار منو
8. تعاملی کردن نوار منوی ما
9. جاسازی عکس ها در SVG
10. اولین فیلتر SVG شما - Blur
11. فیلتر تبدیل رنگ
12. ماسک
13. دستکاری برنامه ای SVG
14. ترکیب ماسک ها با فیلترها
15. اعمال فیلترها به صورت برنامه ای
16. رویدادها و مختصات ماوس در جاوا اسکریپت
17. ایجاد یک ماسک با کلیک و کشیدن
18. آپلود تصویر سفارشی
19. ذخیره SVG
20. مرحله نهایی