Learn CSS Flex and Grid Properly
studiomeal
You'll learn about Flex and Grid, the current and future standards for writing CSS layouts.
초급
HTML/CSS, Flex
BEST
Web tương tác 3D bắt đầu với Three.js
Cảm nhận về quá trình phát triển web 3D bằng cách tìm hiểu các khái niệm cốt lõi của three.js, một thư viện JavaScript có thể triển khai 3D trên web và tạo các ví dụ ứng dụng.
Đánh giá từ những học viên đầu tiên
Dịch cái này sang tiếng Việt
Triển khai web 3D bằng thư viện WebGL ba.js
Phát triển web tương tác 3D bằng cách sử dụng JavaScript vanilla
Có thể triển khai trên web với three.js
Hãy cùng tạo ứng dụng web 3D! 🤳
Hãy tạo một trang ứng dụng.
Cập nhật nội dung bổ sung!
Hãy triển khai một chuyển động trong đó nhân vật di chuyển tự do trong không gian 3D.
Bắt đầu với three.js
Web tương tác 3D ✨
Ở Hàn Quốc, chưa có nhiều trang web được xây dựng bằng 3.js, nhưng với sự phát triển gần đây của metaverse, VR và AR, nhu cầu về nội dung 3D đang ngày càng tăng. Tuy nhiên, tôi nhận thấy còn thiếu đáng kể tài liệu dễ tiếp cận cho người mới bắt đầu, đó là lý do tại sao tôi lên kế hoạch cho khóa học này.
Thư viện JS được sử dụng để tạo và thể hiện
Xem trước nội dung học tập theo từng phần 📚
Phần 0: Tìm hiểu three.js là gì và cách sử dụng cơ bản. Chúng ta cũng sẽ học cách sử dụng Webpack!
Phần 1 cung cấp tổng quan về các yếu tố cơ bản và giúp bạn tạo nên một cảnh 3D.
Phần 2: Tìm hiểu về các công cụ giúp phát triển three.js dễ dàng hơn.
Phần 3 Tìm hiểu về phép biến đổi, bao gồm phép tịnh tiến, phép chia tỷ lệ và phép quay.
Phần 4 : Tìm hiểu về hình học, mô tả các hình dạng.
Mục 5 Bạn có thể sử dụng nhiều thao tác máy ảnh khác nhau chỉ bằng các nút điều khiển máy ảnh đơn giản.
Phần 6 Tìm hiểu về các vật liệu khác nhau đại diện cho vật chất.
Phần 7 Tìm hiểu về các loại ánh sáng và nguồn sáng khác nhau.
Phần 8 Tìm hiểu cách phát hiện tiếng nhấp chuột.
Hãy cùng tạo ra nhiều ví dụ thực tế bằng cách sử dụng những kiến thức đã học ở Phần 9-13 .
Những người như thế này sẽ thích nó 🙌
Một trang web 3D ấn tượng
Các nhà phát triển/nhà thiết kế muốn sáng tạo
Trên web, chẳng hạn như metaverse/VRBất kỳ ai muốn triển khai 3D
Khác biệt so với các nhà phát triển khácCác nhà phát triển muốn có vũ khí
Hãy cùng nhau viết mã từng bước một 👨💻
Điều gì làm cho khóa học này trở nên độc đáo?
- Bài giảng giúp bạn hiểu và áp dụng nhiều ví dụ khác nhau để tạo ra tác phẩm của riêng mình.
- Một khóa học nơi bạn có thể học và xây dựng kỹ năng của mình bằng cách cùng nhau lập trình từng bước.
- Khóa học tìm hiểu các khái niệm 3D giúp bạn trở thành nhà phát triển xuất sắc.
- Một khóa học không chỉ bao gồm 3D đơn giản mà còn cả phần mềm mô hình hóa như Blender !
🛤 Nhận phiếu giảm giá 30% cho lộ trình lập trình Three.js trong 1 phút.
Bạn có thể nhận được phiếu giảm giá 30% cho "Mua trọn gói" từ Lộ trình Lập trình 1 phút Three.js. (Ngay cả khi bạn đã tham gia một trong hai khóa học, nếu bạn sử dụng phiếu giảm giá lộ trình để đăng ký khóa học mới, mức giảm giá 30% sẽ được áp dụng cho khóa học mới. Nếu bạn quan tâm đến việc tham gia cả hai khóa học, vui lòng đăng ký thông qua lộ trình !)
➡ Đi tới Lộ trình
Tôi sẽ trả lời những câu hỏi mà bạn mong đợi 🙏
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ề JavaScript đều có thể làm được điều này. Mặc dù đây không phải là khóa học JavaScript, 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, nên 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?
Để biết thêm thông tin chi tiết, vui lòng tham khảo chương trình học. Trò chơi bước đệm là ví dụ cuối cùng và đầy thử thách nhất. Hãy coi đây như việc học nội dung cần thiết để tạo một ứng dụng web 3D ở cấp độ đó.
H. Với những gì tôi đã học trên lớp, tôi có thể triển khai được trang web 3D mà tôi mong muốn không?
Tùy thuộc vào loại trang web bạn muốn tạo, chương trình giảng dạy sẽ bao gồm nội dung cốt lõi của three.js, do đó, bạn chắc chắn sẽ có thể tạo ra thứ gì đó hoàn toàn khác so với những gì bạn đã làm trước khi học 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?
Sau khi hoàn thành khóa học, bạn sẽ có thể phát triển các trang web 3D. 3D là một công nghệ độc đáo, và việc tự mình triển khai nó sẽ giúp bạn nổi bật với tư cách là một lập trình viên trên thị trường việc làm. Khả năng tạo ra các trang web 3D và sở hữu một portfolio như vậy sẽ là một vũ khí lợi hại cho một lập trình viên hoặc nhà thiết kế.
Giới thiệu Người chia sẻ kiến thức ✒️
Tôi thấy xấu hổ khi phải nói điều này, nhưng... Tôi là một người hướng dẫn có hơn 800 lượt đánh giá ⭐ với điểm trung bình là 5 sao 😅
Xin chào! Tôi là 1 Minute Coding , một nhà thiết kế, lập trình viên và người sáng tạo nội dung, hiện đang điều hành Studio Mill tại Jeju. Trang web Studio Mill của tôi cũng được xây dựng bằng three.js!
Khóa học này không chỉ đơn thuần hướng dẫn bạn tạo ra các đối tượng đơn giản. Bằng cách tạo ra các ví dụ thực tế , bạn sẽ có được sự hiểu biết vững chắc về cách sử dụng 3.js hiệu quả. Hơn nữa, chương trình học còn bao gồm hướng dẫn về cách tạo mô hình hình dạng mong muốn bằng Blender, một phần mềm mô hình 3D , cho phép bạn đạt được kết quả mong muốn.
Khuyến nghị cho
những người này
Khóa học này dành cho ai?
Bất cứ ai muốn tạo một trang web 3D
Bất kỳ ai muốn tạo một trang web portfolio nổi bật
Những người cần tạo nội dung 3D hoạt động trên web
Cần biết trước khi bắt đầu?
Khái niệm cơ bản về JavaScript
19,466
Học viên
1,249
Đá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
Chương trình giảng dạy
Tất cả
161 bài giảng ∙ (18giờ 39phú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ả
103 đánh giá
5.0
103 đánh giá
letseeĐánh giá 2
∙
Đánh giá trung bình 5.0
5
95% đã tham giaI am grateful to 1 Minute Coding, who I have already subscribed to, for uploading such a hot and high-quality lecture. Thanks to 1 Minute Coding, the day when front-end developers in our country use three.js as their basic language is not far off. ㅎㅎ
- studiomealGiảng viên
Wow- this is a dreamlike story! Thank you so much for the kind words, Jeongwoo-nim- good luck with your studies😊
- mokguli
Đánh giá 5
∙
Đánh giá trung bình 5.0
5
99% đã tham giaThis is a really great lecture that lets you learn the basics of Three.js. I thought, "How do you implement it in overseas 3D web?" It organizes the principles and explains them in an easy way, and it adds not only Three.js, but also how to use Blender, how physics are applied on the web, and a simple understanding of interaction, so this class was more than 1+1 for me. I'm really grateful to the teacher who created a great lecture with concise explanations and great examples!
- studiomealGiảng viên
Thank you so much, Youngseo🥲 After releasing a lecture, I always get really nervous until the first class review comes up. I worked hard on it, but I don't know what the viewers will think of it. Thank you for your encouraging words, and let's continue to study together and have fun!
- hyezzm1200
Đánh giá 7
∙
Đánh giá trung bình 5.0
5
29% đã tham giaIt was a field I always wanted to learn about, so I always thought I should study it, but even when I looked at the documentation, I had no idea where to start, so it was great to be able to follow along with you in detail!
- studiomealGiảng viên
Good luck with your studies, Kim Kim! Thank you^^
- a010414011600372
Đánh giá 9
∙
Đánh giá trung bình 4.8
- lhwda13882238
Đánh giá 4
∙
Đánh giá trung bình 5.0
5
100% đã tham giaI listened to the lecture very well. !! Thanks to you, I think I will be able to do many fun things!!
- studiomealGiảng viên
Thank you, Hyunwoo! If you make a lot of fun things, you'll learn a lot! Haha
3.462.208 ₫
Khóa học khác của studiomeal
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!
