Chia Sẻ Khóa Học SVG Animation & Filter Với HTML, CSS & Javascript [Khóa 6221 A]
Tìm hiểu cách tạo ra những animation mạnh mẽ này bằng SVG.
Những gì bạn sẽ học được:
- ✓ SVG hoàn chỉnh từ cơ bản đến nâng cao.
- ✓ SVG animation nâng cao và UI design.
- ✓ SVG animated logo & icon.
- ✓ Các Animation phức tạp với SVG và Javascript.
- ✓ SVG Filter.
Trong khóa học này, chúng ta sẽ học SVG ngay từ đầu, nếu bạn là web designer, front-end developer và nếu bạn muốn nâng cao kỹ năng của mình, đây sẽ là khóa học tốt nhất về mặt này.
Trong vòng vài giờ, bạn sẽ tạo ra nhiều dự án SVG bằng cách xem xét một số kỹ thuật animation khác nhau. Sử dụng animation bên trong giao diện người dùng của một website hiện là thông lệ chuẩn. Khóa học nhanh chóng và hiệu quả này sẽ giới thiệu cho chúng ta những cách mới để cải thiện các client project của bạn.
Chúng ta sẽ bắt đầu khóa học này từ phần cơ bản nhất và sau đó sẽ chuyển sang phần nâng cao.
Tôi sẽ trình bày từng phần một của một dự SVG animation rất nâng cao.
Vì vậy, bạn không có bất kỳ kiến thức nào về SVG, bạn cũng được chào đón.
Khóa học này dành cho ai:
- ✓ Dành cho các web designer và front-end developer.
- ✓ Nên sử dụng HTML/CSS trước.
- ✓ Sinh viên muốn cải thiện SVG animation của mình và thử các kỹ thuật mới nhưng không biết cách thực hiện.
Yêu cầu:
- ✓ Bất kỳ text editor nào (khuyến khích sử dụng Visual Studio code editor ).
- ✓ Nếu bạn có kiến thức về bất kỳ phần mềm đồ họa vector nào như Illustrator, thì bạn sẽ được hưởng lợi rất nhiều nhưng điều đó không bắt buộc.
- ✓ Bạn nên có một chút kinh nghiệm với HTML và CSS.
Những gì bạn sẽ học được:
- ✓ SVG hoàn chỉnh từ cơ bản đến nâng cao.
- ✓ SVG animation nâng cao và UI design.
- ✓ SVG animated logo & icon.
Mục lục:
- ✓ 01 - Giới thiệu.
- ✓ 02 - Include SVG trong HTML.
- ✓ 03 - SVG ViewPort & ViewBox Tutorial.
- ✓ 04 - SVG Line Element Tutorial.
- ✓ 05 - SVG Rect Element Tutorial.
- ✓ 06 - SVG Circle Element Tutorial.
- ✓ 07 - SVG Ellipse Element Tutorial.
- ✓ 08 - SVG Polyline Element Tutorial.
- ✓ 09 - SVG Polygon Element Tutorial.
- ✓ 10 - SVG Path Element Tutorial.
- ✓ 11 - SVG Text Element Tutorial.
- ✓ 12 - SVG Image Element Tutorial.
- ✓ 13 - SVG Stroke Properties Tutorial.
- ✓ 14 - SVG Fill Properties Tutorial.
- ✓ 15 - SVG Grouping Elements Tutorial.
- ✓ 16 - SVG Defs, Symbol & Sử dụng Elements Tutorial.
- ✓ 17 - SVG TextPath Element Tutorial.
- ✓ 18 - SVG Gradients Element Tutorial.
- ✓ 19 - Adobe illustrator sangSVG Graphic.
- ✓ 20 - SVG ClipPath Element Tutorial.
- ✓ 21 - SVG Filter.
- ✓ 22 - Thêm JavaScript vào SVG image.
- ✓ 23 - Project 1.
- ✓ 24 - Project 2.
- ✓ 25 - Project 3 - SVG Elastic Line Animation Effects.
- ✓ 26 - Project 4 - SVG title wrapping animation.
- ✓ 27 - Project 5 - 3D Hover Animation sử dụng SVG.
- ✓ 28 - Project 6 - SVG Text Masking với Video.
- ✓ 29 - Project 7 - SVG Page Loaders.
- ✓ 30 - Project 8 - SVG Scroll Drawing.
- ✓ 31 - Project 9 - Image Turbulence & Displacement.
- ✓ 32 - Project 10 -SVG map reuniting animation.
Khóa học này dành cho ai:
- ✓ Dành cho các web designer và front-end developer.
- ✓ Nên sử dụng HTML/CSS trước.
- ✓ Sinh viên muốn cải thiện SVG animation của mình và thử các kỹ thuật mới nhưng không biết cách thực hiện.
NHẬN GET EBOOK TRÊN AMAZON THEO YÊU CẦU