Lập trình hiệu ứng nâng cao với Javascript và SVG
Thể loại:
Công nghệ thông tin
Số bài học:
65
Thời lượng video:
Cấp độ:
Chưa xếp hạng
Sở hữu khóa học trọn đời
Có
Cấp chứng nhận hoàn thành
Có
Lợi ích từ khoá học
- Sau khi học xong, học viên có thể biết cách "cover" lại các hiệu ứng và biến đổi lại theo logic từng website.
Phù hợp với
- Đối tượng học của khoá này là các freelancer thiết kế website muốn thiết kế website cao cấp, các lập trình frontend muốn tự thiết kế các hiệu ứng theo logic của chương trình, hoặc các bạn sinh viên muốn nâng cao trình đồ lập trình hiệu ứng của mình bằng cách kết hợp giữa thiết kế và javascript.
- Vấn đề mà khoá học này giải quyết là kết hợp giữa công cụ vẽ vector mạnh nhất của adobe là illustrator và công cụ viết hiệu ứng tương tác phổ biến nhất khi lập trình web là Javascript. Kết hợp để tạo nên hiệu ứng đẹp theo logic mong muốn.
Mô tả tổng quát
- Điểm khác biệt là đây là khoá học đầu tiên kết hợp công cụ thiết kế và công cụ lập trình khi xây dựng ứng dụng web.
- Cách học chính của khoá học là học qua các bài tập thực hành, nền tảng lý thuyết và các công cụ sử dụng sẽ hình thành qua các bài tập thực hành.
- Khi nắm được phương pháp kết hợp giữa công cụ vẽ tự do illustrator và công cụ lập trình logic JS bạn có khả năng tự điều chỉnh, thiết kế, tương tác theo ý muốn.
Yêu cầu khoá học
- Máy tính cấu hình bình thường. Khuyến cáo Ram từ 4G trở lên.
Cài đặt cơ bản
Cơ bản về keyframes và Timeline
Nâng cao về chuyển động sử dụng Timeline
Cách truyền tham số chuyển động
Sử dụng callback, run, complete trong Timeline
Chuyển động sử dụng tham số from - to
Sử dụng Charming js
Kết hợp Javascript và illustrator
Các bước thực hành biến hình đã thiết kế thành chuyển động
Thực hành làm chuyển động qua bài tập
Thực hành vẽ chuyển động bằng illustrator và đưa vào Javascript
Sử dụng Scroll Monitor
Project số 2 phần vẽ Illustrator
Hoàn thiện hiệu ứng project số 2
Bản chất hiệu ứng biến đổi hình dạng trong Javascript
Phân tích và hướng dẫn các thao tác với hiệu ứng biến hình
Hoàn thiện bài tập hiệu ứng biến hình bằng Javascript
Giới thiệu hiệu ứng mặt nạ
Sáu hàm javascript sử dụng đóng gói hiệu ứng
Thực hành đóng gói hiệu ứng mặt nạ
Hoàn thiện hiệu ứng
Lập trình hiệu ứng nâng cao với Javascript và SVG
Thể loại:
Công nghệ thông tin
Số bài học:
65
Thời lượng video:
Cấp độ:
Chưa xếp hạng
Sở hữu khóa học trọn đời
Có
Cấp chứng nhận hoàn thành
Có
Tự học: Liên hệ
Lớp học online: Liên hệ
Học với giáo viên: Liên hệ