Kết thúc thực hành phát triển tương tác [Xây dựng năng lực]
coding11
Chúng tôi hào phóng tiết lộ bí quyết về JS và CSS tương tác được sử dụng trong thực tế.
Basic
Interactive Web, JavaScript
BEST
Three.js 3D tương tác bắt đầu ngay
Chương trình học được xây dựng để dùng Three.js ngay vào thực tế!
(4.5) 30 đánh giá
409 học viên
Độ khó Cơ bản
Thời gian Không giới hạn
Interactive Web
Interactive Web
Three.js
Three.js
Interactive Web
Interactive Web
Three.js
Three.js
Đánh giá từ những học viên đầu tiên
Bạn sẽ nhận được điều này sau khi học.
Three.js
Phát triển tương tác 3D
TweenMax (GSAP)
Phát triển trở nên thú vị hơn khi làm việc với 3D thay vì chỉ 2D!
Hãy cùng phát triển nội dung lập thể với Three.js. 🧩
Three.js có tính ứng dụng cao,
học trước để chuẩn bị 📖
Tôi đã lên kế hoạch chương trình học bằng cách sử dụng mã nguồn Three.js mà tôi sử dụng trong thực tế.
Từ dịch vụ đến nội dung, game và nhiều ứng dụng khác, tôi sẽ hướng dẫn bạn cách sử dụng Three.js có tính ứng dụng cao một cách dễ dàng,
đồng thời cung cấpmã nguồn gốc có thể sử dụng ngay trong thực tế.
Chia sẻ một số hình ảnh ví dụ
Đối tượng học viên/Mục đích khóa học 🔑
Những người muốn tạo
trang web được làm bằng 3D
Người quan tâm nhiều đến
phát triển nội dung đa chiều
Những người muốn sử dụng Three.js ngay
trong công việc thực tế
Nội dung học tập theo từng phần 📚
Phần 1
- Three.js học theo cách làm ngay
Phần 2
- Cơ bản về Three.js tương tác
Phần 3
- hình dạng cơ bản điều khiển keyboard
Phần 4
- Tạo không gian 3D trong 1 phút
Phần 5
- Không gian vũ trụ, Trái Đất và Mặt Trăng
Phần 6
- Bảo tàng nghệ thuật (phòng trưng bày) tương tác
Phần 7
- Trang có chiều sâu sử dụng giá trị Z
Phần 8
- Phát triển tương tác sử dụng mô hình 3D
Câu hỏi thường gặp Q&A 💬
Q. Người không chuyên ngành có thể học được không?
Nếu bạn có kiến thức cơ bản về Javascript thì sẽ dễ dàng hơn, nhưng vì đây là khóa học từ cơ bản nên những người không chuyên cũng có thể học một cách thoải mái. Ngoài ra, chúng tôi sẽ cung cấp tất cả mã nguồn JS của các ví dụ để bạn có thể xem và thực hành theo.
Q. Học Three.js thì có lợi ích gì?
Khi làm việc với đồ họa 3D, chất lượng của dịch vụ hoặc nội dung sẽ thay đổi hoàn toàn. Chỉ cần đặt làm nền cho dự án cá nhân hoặc portfolio cũng có thể thu hút mạnh mẽ sự chú ý. Bạn có thể tự tay tạo ra những trang web mà trước đây chỉ tồn tại trong tưởng tượng.
Q. Có được sử dụng nhiều trong thực tế không?
Nó đã được sử dụng rộng rãi trong các game và nội dung, và việc sử dụng Three.js trong các dịch vụ cũng ngày càng tăng. (Three.js cũng được sử dụng trong trang đăng ký thẻ Toss Bank)
Giới thiệu người chia sẻ kiến thức ✒️
Tôi đã tạo ra nhiều nội dung tương tác và trang web sử dụng Three.js.
Từ trực quan hóa dữ liệu đến game, tôi đang sử dụng Three.js trong nhiều lĩnh vực khác nhau.
Video dưới đây là video tôi đã chia sẻ kinh nghiệm sử dụng Three.js tại FECONF.
Giới thiệu game được phát triển bằng three.js
Xem các khóa học khác
Các script tương tác được sử dụng thực tế trong công việc
Khuyến nghị cho
những người này
Khóa học này dành cho ai?
Người sẽ áp dụng Three.js ngay vào thực tế.
Quan tâm nhiều đến phát triển nội dung đa chiều
Người cần portfolio giống các trang web nước ngoài
Cần biết trước khi bắt đầu?
javascript cơ bản
css cơ bản
3,335
Học viên
228
Đánh giá
213
Trả lời
4.6
Xếp hạng
3
Các khóa học
15년 이상 여러 기업과 언론사에서 front-end 개발 및
데이터 시각화, 인터랙티브 사이트 제작을 했습니다.
https://brunch.co.kr/@yahao2512
저와 함께 깃털처럼 가벼운 코딩 함께 해보시죠!
Chương trình giảng dạy
Tất cả
57 bài giảng ∙ (4giờ 33phút)
Tài liệu khóa học:
Tài liệu bài giảng
Ngày đăng:
Cập nhật lần cuối:
Đánh giá
Tất cả
30 đánh giá
4.5
30 đánh giá
hongwoodaĐánh giá 2
∙
Đánh giá trung bình 5.0
Đã chỉnh sửa
5
7% đã tham giaKhóa học Coding Eleven được xây dựng rất tốt! Các ví dụ và giải thích được trình bày rõ ràng, dễ hiểu và dễ dàng thực hành theo. Không có nhiều khóa học về Three.js, nên thật tuyệt khi được học một cái gì đó mới mẻ như thế này. Tôi rất mong chờ các bài giảng tiếp theo!
- coding11Giảng viên
Cảm ơn bạn đã đánh giá của bạn! Ngày nay, có vẻ như có nhiều bài giảng và bài viết liên quan hơn về ba.js. Có vẻ như sự quan tâm đã tăng lên tương ứng. Nó có thể được sử dụng theo nhiều cách khác nhau, vì vậy hãy tận dụng cơ hội này để làm quen với nó. Bài giảng tiếp theo... Vâng. Một ngày nào đó.
- 88535162111
Đánh giá 3
∙
Đánh giá trung bình 5.0
5
77% đã tham giaTôi đã chờ đợi rất lâu rồi!! Tại sao bây giờ bạn mới mở!!
- coding11Giảng viên
Ugh, cảm ơn bạn. Đây là bài đánh giá đầu tiên của tôi! Ít nhất thì đã quá muộn. Xin lỗi và cảm ơn vì đã chờ đợi :)
- sonamu
Đánh giá 2
∙
Đánh giá trung bình 5.0
5
91% đã tham giaNó thật tuyệt vời và thú vị nên tôi đã hoàn thành nó trong vòng một ngày sau khi mua nó. Tôi có một công việc yêu cầu triển khai các chức năng 3D, vì vậy tôi đã tìm hiểu về nó khi tìm kiếm trên Google. Tôi không biết cách triển khai 3D, nhưng khi tiếp tục xem các bài giảng, tôi đã tìm ra cách triển khai nó. Khi xem từng bài giảng, tôi thấy nó thật hấp dẫn và thú vị. Hôm qua mình trả tiền lúc 6h và xem đến 4h sáng. Cảm ơn bài giảng chi tiết của bạn. ^^
- coding11Giảng viên
three.js không khó như bạn nghĩ phải không? ^^ Tôi rất vui vì bạn thấy bài giảng này hữu ích. Cảm ơn bạn đã xem xét của bạn.
- gangsugi5753
Đánh giá 23
∙
Đánh giá trung bình 5.0
5
100% đã tham giaĐây là lần đầu tiên tôi học three.js nhưng thực sự đã nghe bài giảng một cách rất thú vị. Ban đầu hơi khó nên giữa chừng cũng có lúc do dự, nhưng tôi đã nghe lại nhiều lần liên tục và cũng để lại câu hỏi để cuối cùng hoàn thành khóa học....Hiện tại mới chỉ nắm được cảm giác thôi....Có lẻ tôi cần nghe lại nhiều lần nữa và luyện tập nhiều hơn^^ Tuy bài giảng ngắn nhưng nội dung thực sự rất chất lượng. Rất khuyến khích!!!
- battlesun991433
Đánh giá 2
∙
Đánh giá trung bình 5.0
2.294.438 ₫
Khóa học khác của coding11
Hãy khám phá các khóa học khác của giảng viên!
Khóa học tương tự
Khám phá các khóa học khác trong cùng lĩnh vực!
![Xây dựng web responsive chỉ với html/css/js thuần túy [Phần thực hành] BootcampCourse Thumbnail](https://cdn.inflearn.com/public/courses/333180/cover/26ede6df-032a-40f2-9670-f6748785eba5/333180.jpg?f=avif&w=420)
