Học CSS Flex và Grid đúng cách
studiomeal
1.026.470 ₫
Cơ bản / HTML/CSS, Flex
4.9
(222)
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.
Cơ bản
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!
863 học viên
Độ khó Cơ bản
Thời gian Không giới hạn

Giới thiệu Khóa học và tạo ra sự phát triển cùng thu nhập nhé!

Đối tác tiếp thị
Giới thiệu Khóa học và tạo ra sự phát triển cùng thu nhập nhé!
Đánh giá từ những học viên đầu tiên
5.0
highbilble20
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.
5.0
티라미수
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 ~
5.0
웹개바르르
Thật tuyệt khi có thể dễ dàng triển khai hoạt ảnh cuộn bằng công nghệ tiêu chuẩn web ngoài thư viện gsap. Lời giải thích rất dễ hiểu. Cảm ơn bạ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,674
Học viên
1,280
Đánh giá
1,175
Trả lời
5.0
Xếp hạng
11
Các khóa học
Tôi từng làm việc với tư cách là nhà phát triển/nhà thiết kế web tại Seoul, sau đó chuyển đến Jeju.. và hiện tại tôi đang ở Penang, Malaysia để nỗ lực phát triển phần mềm, tạo nội dung giáo dục, cũng như thực hiện nhiều thử nghiệm và nỗ lực khác nhau với tư cách là một doanh nghiệp cá nhân.
Tôi rất quan tâm đến các trang web tương tác có tác động mạnh về mặt thị giác, và tôi đang chia sẻ các kỹ thuật liên quan đến phát triển web trên YouTube và Facebook "1분코딩" (Coding 1 phút).
Nhà phát triển/Nhà thiết kế/Người sáng tạo nội dung
Trang web https://studiomeal.com
Youtube https://youtube.com/c/1분코딩
Facebook 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ả
43 đánh giá
5.0
43 đánh giá
Đánh giá 20
∙
Đá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á 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!
Đá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á 8
∙
Đá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 :)
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!
1.378.402 ₫