Kết thúc thực hành phát triển tương tác [Xây dựng năng lực]

Tương tác web dễ dàng hơn + sáng tạo hơn! 💎

UX hợp thời trang được tạo ra bằng chính đôi tay của tôi.

Để triển khai UX hợp thời trang ngoài việc triển khai dịch vụ đơn giản, các nguyên tắc cơ bản vững chắc là quan trọng nhất. Bạn có thể triển khai UX thời thượng của các trang web nổi tiếng ở nước ngoài chỉ bằng cách sử dụng JavaScript thuần túy (Vanilla JS) mà không cần dựa vào khung hoặc plugin cụ thể.

Từ chuyển động ưa thích bằng cách sử dụng TweenMax cho đến các sự kiện cuộn, khả năng phản hồi và cảm ứng trên thiết bị di động, chúng tôi đã tích lũy được 15 năm bí quyết phát triển tương tác. (Ngắn và đậm!)

Có ai có thể phát triển tương tác không?

Tôi cũng là sinh viên chuyên ngành thiết kế với chuyên ngành phi phát triển. Không phải là tôi thiếu những điều cơ bản; tôi đã bắt đầu phát triển mà không có bất kỳ điều cơ bản nào cả. Tôi đã từng trải qua những trải nghiệm vô cùng khó khăn nên tôi biết rất rõ khó khăn là gì và mình mắc kẹt ở đâu. Vào thời điểm đó, tôi tạo ra khóa học này với suy nghĩ 'Thật tuyệt nếu có một khóa học như thế này'.

• Chúng tôi sẽ dạy bạn bí quyết để dễ dàng giải quyết những tình huống khó khăn mà bạn có thể gặp phải tại nơi làm việc.
• Trở thành nhà phát triển sáng tạo dựa trên các nguyên tắc cơ bản vững chắc và tăng lương của bạn!

_{Danh mục mẫu 1 (Xem)}

_{Danh mục mẫu 2 (Xem)}

Tính năng bài giảng

Gần với công việc thực tế
Ví dụ thực tế

Nguyên tắc cơ bản tương tác
Giải thích bằng mã ngắn gọn

Thay vì lý thuyết nhàm chán
Đi thẳng vào hành động

Nguồn được cung cấp!
Cùng xem lớp

Cảm nhận những gì bạn sẽ học

Phần. 1

• Sử dụng các khái niệm cơ bản về JavaScript như biến, ngẫu nhiên, câu lệnh if, bộ tính giờ, v.v.
• Một số trò chơi cực kỳ đơn giản để thực hiện

Phần. 2

• Tìm hiểu các khái niệm phân trang, điều này rất quan trọng khi tạo các sản phẩm tương tác.
• Tạo các trang hoàn toàn khác nhau bằng cách thay đổi kiểu trong cùng một tập lệnh
• Triển khai chức năng vuốt bằng sự kiện chạm trên thiết bị di động

Phần. 3

• Tạo trang Coding Eleven chứa đầy các ngôi sao
• Hiệu ứng thị sai đơn giản sử dụng hình ảnh hai ngôi sao
• Chuyển động màn hình mượt mà bằng cách sử dụng plugin TweenMax và ScrollTo
• So sánh với phiên bản được triển khai bằng JavaScript thuần túy không có plugin

Phần. 4

• Giải thích đầy đủ về cách sử dụng TweenMax
• Cần sử dụng stageResize cho các trang phản hồi
• Chuyển động thẻ ngẫu nhiên ba chiều sử dụng Twin Max

Phần. 5

• Ứng dụng của script phân trang đã học ở trên
• Sản xuất chuyển động ngẫu nhiên TweenMax cho nhiều mục đích sử dụng khác nhau

Phần. 6

• thẻ lập thể 3D
• Biểu thức ba chiều sử dụng thuộc tính Transform và TranslateZ
• Tương tác bằng cách sử dụng độ nghiêng di động

Click để xem trực tiếp trên web

Đánh giá trung bình 4,9 ★
Bài giảng mới của Coding Eleven.

Đi tới các bài giảng trước

Bí quyết phát triển web tương tác chỉ trong vài dòng [Người mới bắt đầu]

Kỹ năng tương tác có thể được sử dụng ngay trong thực tế!

---

Câu hỏi thường gặp

Q. Người không chuyên có thể tham gia khóa học này không?

Mình cũng không chuyên ngành ^^ Chỉ cần quan tâm đến phát triển tương tác là đủ.

Q. Tôi có cần chuẩn bị gì trước khi tham gia bài giảng không?

Thật dễ dàng để nghe nếu bạn biết những điều cơ bản về HTML và CSS. (Bao gồm mã CSS đầy đủ ^^)

H. Tôi không biết nhiều về JavaScript. Có được không?

Chúng ta bắt đầu với các khái niệm cơ bản như biến, mảng và hàm.
Nếu bạn không biết gì trong quá trình này, vui lòng đặt câu hỏi qua bảng câu hỏi!

Hãy tham khảo trước khi tham gia khóa học!

• Vui lòng tham khảo 'ghi chú lớp học' ở cuối video. Mình đã giải thích những phần còn thiếu trong video.
• Sử dụng tập lệnh ECMA 2015 (ES6).
• Mã hoàn thành được cung cấp . Vui lòng tải file từ Phần 0 - Bài 3.