Học CSS Flex và Grid đúng cách
studiomeal
Tìm hiểu về Flex và Grid, các tiêu chuẩn hiện tại và tương lai để tạo bố cục CSS.
Basic
HTML/CSS, Flex
Thư viện là tùy chọn, nhưng các kỹ năng về tiêu chuẩn web là cần thiết. Thích ứng với API Web Animation, tiêu chuẩn mới cho hoạt ảnh web, nhanh hơn các tiêu chuẩn khác và sử dụng nó trong thực tế ngay lập tức!
841 học viên
Hoạt hình CSS
API hoạt ảnh web JavaScript
Một API hoạt hình web có thể sử dụng trong thời gian dài.
Học với 1 Minute Coding! 😎
Nếu bạn đồng ý với những điều trên, bạn chắc chắn nên tìm hiểu về Web Animation API! Đây là một đặc tả tiêu chuẩn mở rộng mạnh mẽ khả năng hoạt ảnh web dựa trên CSS với JavaScript . Do đó, nó được kỳ vọng sẽ được sử dụng rộng rãi hơn nữa trong tương lai. Các tính năng ấn tượng của thư viện, ban đầu được giới thiệu để tạo sự thuận tiện cho các nhà phát triển, hiện đang liên tục được triển khai thành các công nghệ tiêu chuẩn.
Nếu bạn đang làm việc với hoạt ảnh web hoặc dự định làm việc với nó, Web Animation API là tài liệu không thể bỏ qua. Hãy làm quen với nó ngay!
API Web Animation là một triển khai chuẩn cho các tính năng liên quan đến hoạt ảnh web vốn đã có sẵn thông qua các thư viện. Được thiết kế dựa trên các triển khai hoạt ảnh CSS, API này tận dụng thế mạnh của các hoạt ảnh CSS hiện có đồng thời cung cấp khả năng triển khai đơn giản hơn.
✔️ Bạn có thể thoải mái kiểm soát hoạt ảnh CSS bằng JavaScript .
✔️ Vì đây là công nghệ chuẩn hoạt hình web (Web Standard) nên sau khi học xong bạn có thể sử dụng lâu dài.
Phần 0
Chúng ta hãy cùng xem xét khái niệm ngắn gọn về hoạt ảnh CSS, hoạt ảnh JS và API hoạt ảnh web.
Phần 1
Trước khi tìm hiểu về Web Animation API, chúng ta hãy cùng tìm hiểu về CSS Transition.
Phần 2
Trước khi tìm hiểu về Web Animation API, chúng ta hãy cùng tìm hiểu về CSS Animation.
Phần 3
Chúng ta hãy cùng xem xét những điều cơ bản của Web Animation API.
Phần 4
Chúng ta sẽ khám phá cách điều khiển nhiều đối tượng cùng lúc và thậm chí tạo hoạt ảnh Starfield.
Phần 5
Chúng ta hãy cùng xem xét Motion Path, công cụ này di chuyển các thành phần dọc theo đường dẫn mong muốn.
Mục 6
Chúng tôi sẽ khám phá cách triển khai hoạt ảnh dựa trên cuộn bằng Web Animation API và tạo một số ví dụ hữu ích để bạn bắt đầu.
Sau khi tham dự bài giảng, bạn sẽ
Chúng tôi sẽ trả lời những câu hỏi bạn mong đợi nhất! 💬
H. Đây có phải là khóa học mà ngay cả người mới bắt đầu cũng có thể tham gia không?
Bất kỳ ai có kiến thức cơ bản về CSS và JavaScript đều có thể tham gia. CSS Animation, nền tảng của các chủ đề trong khóa học, cũng được đề cập trong các phần đầu, vì vậy ngay cả khi bạn chưa quen với nó, bạn vẫn có thể tham gia khóa học mà không gặp nhiều khó khăn. Mặc dù đây không phải là khóa học JavaScript, chúng tôi sẽ giải thích các khái niệm JavaScript xuất hiện xuyên suốt khóa học, vì vậy bạn sẽ không gặp nhiều khó khăn.
H. Nội dung bài học được trình bày ở mức độ nào?
Sau khi tìm hiểu các khái niệm về Web Animation API, chủ đề của bài giảng, chúng ta sẽ xem xét các ví dụ từ cơ bản đến khó vừa phải, vì vậy tôi nghĩ rằng điều này sẽ hữu ích khi áp dụng chúng vào các dự án của bạn.
H. Tôi có thể mong đợi tiến bộ đến mức nào sau khi tham gia khóa học này?
Bạn sẽ có khả năng kiểm soát hiệu ứng động CSS mạnh mẽ hơn khi sử dụng JavaScript , cho phép bạn phát triển hiệu ứng động web hiệu suất cao và hành vi UI hiệu quả hơn.
Khóa học này dành cho ai?
Những người làm việc với giao diện người dùng web
Những người muốn triển khai hoạt ảnh web bằng công nghệ chuẩn web
Những người muốn nghiên cứu triển khai hoạt hình web hiệu suất cao
Những người muốn nghiên cứu trước các tiêu chuẩn tương lai của hoạt hình web và áp dụng ngay vào thực tế
Cần biết trước khi bắt đầu?
Kiến thức cơ bản về CSS
Kiến thức cơ bản về JavaScript
19,447
Học viên
1,246
Đánh giá
1,175
Trả lời
5.0
Xếp hạng
11
Các khóa học
서울에서 웹 개발자/디자이너로 일했고, 제주를 거쳐.. 현재는 말레이시아 페낭에서 열심히 개발도 하고, 교육 콘텐츠도 만들고, 1인 기업으로서 해볼 수 있는 여러가지 시도와 실험들을 해보고 있습니다.
비주얼 임팩트가 있는 인터랙티브 웹에 관심이 많고, 유튜브와 페이스북 "1분코딩"에서 웹 개발 관련 기술들을 공유하고 있어요.
개발자/디자이너/콘텐츠크리에이터
페이스북 https://www.facebook.com/1mincoding
Tất cả
48 bài giảng ∙ (4giờ 58phút)
Tài liệu khóa học:
Tất cả
41 đánh giá
5.0
41 đánh giá
Đánh giá 10
∙
Đánh giá trung bình 4.6
5
Gần đây không có bài giảng mới nào từ 1 Minute Coding nên tôi tưởng bạn sẽ không đăng thêm bài giảng nào nữa nhưng cảm ơn bạn rất nhiều vì đã mang đến một bài giảng tuyệt vời như vậy! Tôi đang áp dụng nó vào thực tế ngay khi nghe bài giảng! Bài giảng rất dễ hiểu và vui nhộn! Tôi yêu nó rất nhiều! Hãy thường xuyên upload các bài giảng khác nhé haha.
Đánh giá 19
∙
Đánh giá trung bình 5.0
5
Các bài giảng trước đây của Apple hơi khó theo dõi, nhưng sau khi xem xong, tôi sẽ thử lặp lại lần nữa!! Tôi thực sự thích mô tả hình ảnh ~
API hoạt hình web rất dễ sử dụng, vì vậy bạn sẽ có thể sử dụng nó dễ dàng hơn :) Cảm ơn bạn!
Đánh giá 16
∙
Đánh giá trung bình 5.0
Đánh giá 6
∙
Đánh giá trung bình 5.0
5
Lần học này tôi cũng rất vui. Tôi mong có thêm nhiều bài giảng nữa trong tương lai.
Cảm ơn bạn th_kim! Tôi sẽ tiếp tục tạo nội dung hữu ích :)
Đánh giá 14
∙
Đánh giá trung bình 5.0
5
Thật là xấu hổ. Tôi cảm thấy ngày nay hoạt ảnh cuộn thường được sử dụng trên các trang thương mại, vì vậy cảm ơn bạn đã cung cấp một lớp học hữu ích như vậy. Tôi sẽ học với tấm lòng biết ơn và sử dụng nó thật tốt. tái bút Âm lượng bài giảng có vẻ thấp hơn bình thường một chút.
Cảm ơn bạn rất nhiều vì những lời tốt đẹp của bạn, tôi hy vọng bạn thấy nó hữu ích ^^ Cảm ơn bạn đã phản hồi về âm lượng!
1.402.898 ₫
Hãy khám phá các khóa học khác của giảng viên!
Khám phá các khóa học khác trong cùng lĩnh vực!