انیمیشن و فیلتر SVG با HTML ،CSS و جاوااسکریپت
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- آشنایی کامل با SVG از مبتدی تا پیشرفته
- انیمیشن پیشرفته SVG و طراحی رابط کاربری
- لوگو و آیکون متحرک SVG
- انیمیشنهای پیچیده با استفاده از SVG و جاوااسکریپت
- فیلترهای SVG
پیشنیازهای دوره
- هر ویرایشگر متن (استفاده از ویرایشگر ویژوال استودیو توصیه میشود.)
- اگر با هر نرمافزار گرافیکهای برداری مانند ایلاستریتور آشنا هستید، بسیار مفید خواهد بود اما الزامی نیست.
- شما باید تجربه کمی از HTML و CSS داشته باشید.
توضیحات دوره
در این دوره قرار است SVG را از ابتدا یاد بگیریم. اگر شما یک طراح وب یا توسعهدهنده فرانتاند هستید و میخواهید مهارتهای خود را تقویت کنید، این دوره بهترین انتخاب برای شما خواهد بود.
در عرض چند ساعت، پروژههای متعدد SVG را با استفاده از تکنیکهای مختلف انیمیشن خواهید ساخت. استفاده از انیمیشن در رابط کاربری وبسایتها اکنون یک شیوه استاندارد است. این دوره سریع و کارآمد ما را با روشهای جدیدی برای بهبود پروژههای مشتریان آشنا میکند.
ما این دوره را از مباحث بنیادی آغاز کرده و سپس به بخشهای پیشرفته خواهیم پرداخت.
ما به تدریج، پروژههای انیمیشن پیشرفته SVG را پوشش خواهیم داد.
بنابراین اگر دانش خاصی از SVG ندارید، شما نیز خوشآمدید.
این دوره برای چه کسانی مناسب است؟
- طراحان وب و توسعهدهندگان فرانتاند
- باید قبلاً از HTML و CSS استفاده کرده باشید.
- دانشجویانی که میخواهند انیمیشنهای SVG خود را بهبود بخشند و تکنیکهای جدیدی را امتحان کنند اما نمیدانند چگونه این کار را انجام دهند.
انیمیشن و فیلتر SVG با HTML ،CSS و جاوااسکریپت
-
مقدمه SVG 04:12
-
کدام یک از گزینهها درباره SVG صحیح است؟ None
-
افزودن SVG به HTML 06:38
-
آموزش ViewPort و ViewPort در SVG 08:01
-
آموزش عنصر خط در SVG 05:34
-
آموزش عنصر مستطیل در SVG 05:31
-
آموزش عنصر دایره در SVG 04:03
-
آموزش عنصر بیضی در SVG 03:56
-
آموزش عنصر چندخطی در SVG 04:31
-
آموزش عنصر چندضلعی در SVG 04:23
-
آموزش عنصر مسیر در SVG 07:40
-
آموزش عنصر مسیر در SVG - بخش 2 11:44
-
آموزش عنصر مسیر در SVG - بخش 3 08:08
-
آموزش عنصر متن در SVG 08:22
-
آموزش عنصر تصویر در SVG 04:11
-
آموزش ویژگیهای Stroke در SVG 11:22
-
آموزش ویژگیهای پر کردن در SVG 03:46
-
آموزش عناصر گروهبندی در SVG 03:04
-
آموزش عناصر Defs، نماد و Use در SVG 06:19
-
آموزش عنصر TextPath در SVG 04:38
-
گرادیانتهای خطی SVG 07:34
-
گرادیانتهای شعاعی SVG 07:42
-
ادوبی ایلاستریتور به SVG 10:30
-
آموزش عنصر ClipPath در SVG 05:09
-
مقدمه فیلتر SVG 03:23
-
پیادهسازی فیلتر SVG 06:30
-
فیلترهای feColorMatrix در SVG 09:58
-
فیلترهای feComponentTransfer در SVG 04:13
-
فیلتر feComposite در SVG 06:20
-
فیلترهای feConvolveMatrix در SVG 09:19
-
فیلترهای feDiffuseLighting در SVG 12:24
-
فیلترهای feDisplacementMap در SVG 10:48
-
فیلترهای feTurbulence در SVG 05:40
-
افزودن جاوااسکریپت در تصویر SVG 04:33
-
انیمیشن SVG Stroke با CSS 10:19
-
انیمیشن ماشین در حال حرکت 10:47
-
انیمیشن ردیابی مسیر SVG 07:28
-
ایجاد شکل با انیمیشن stroke خط 10:14
-
افکتهای انیمیشن خط الاستیک SVG 08:54
-
پروژه 4 - انیمیشن wrap کردن عنوان SVG 09:15
-
انیمیشن متن موجدار 08:48
-
انیمیشن سهبعدی هاور با استفاده از SVG 09:47
-
ماسک کردن متن SVG با ویدئو 09:26
-
بارگذار - بخش 1 08:48
-
برای ترسیم ستاره، در این پنجره به پایین اسکرول کنید 09:05
-
آشفتگی و جابجایی تصویر - بخش 1 07:02
-
آشفتگی و جابجایی تصویر - بخش 2 02:58
-
انیمیشن احیای نقشه SVG 04:41
مشخصات آموزش
انیمیشن و فیلتر SVG با HTML ،CSS و جاوااسکریپت
- تاریخ به روز رسانی: 1404/06/14
- سطح دوره:همه سطوح
- تعداد درس:48
- مدت زمان :05:37:38
- حجم :2.02GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy