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.
초급
HTML/CSS, Flex
BEST
3D interactive web starting with Three.js
Learn the core concepts of three.js, a JavaScript library that can implement 3D on the web, and get a feel for 3D web development by creating application examples.
Reviews from Early Learners
What you will learn!
3D web implementation using the WebGL library three.js
Developing 3D Interactive Web Using Vanilla JavaScript
Implementable on the web with three.js
Let's create 3D web applications! 🤳
Let's create an applied page.
Additional content update!
Let's implement a movement where a character moves freely in 3D space.
Starting with three.js
3D Interactive Web ✨
In Korea, there weren't many websites built with 3.js, but with the recent rise of the metaverse, VR, and AR, demand for 3D content is increasing. However, I felt there was a significant lack of accessible materials for beginners, which is why I planned this course.
JS library used to create and express
Preview the learning content by section 📚
Section 0: Learn what three.js is and how to use it fundamentally. We'll also learn how to use Webpack!
Section 1 provides an overview of the basic elements and will enable you to compose a 3D scene.
Section 2: Learn about tools that make three.js development easier.
Section 3 Learn about transforms, including translation, scaling, and rotation.
Section 4 : Learn about geometry, which describes shapes.
Section 5 You can use various camera actions with just simple camera controls.
Section 6 Learn about the different materials that represent matter.
Section 7 Learn about different types of lighting and light.
Section 8 Learn how to detect clicks.
Let's create a variety of practical examples using what we've learned in Sections 9-13 .
People like this will like it 🙌
A striking 3D website
Developers/designers who want to create
On the web, such as metaverse/VRAnyone who wants to implement 3D
Differentiated from other developersDevelopers who want to have weapons
Let's code together step by step 👨💻
What makes this course unique?
- A lecture that helps you understand and apply various examples to create your own work.
- A course where you can learn and build your skills by coding together step by step.
- A course to learn 3D concepts that will help you become a standout developer.
- A course that covers not only simple 3D, but also modeling software like Blender !
🛤 Get a 30% discount coupon on the 1-minute coding Three.js roadmap.
You can receive a 30% discount coupon for "Full Purchase" from the 1-Minute Coding Three.js Roadmap. (Even if you're already taking one of the two courses, if you use the roadmap coupon to register for the new course, the 30% discount will be applied to the new course. If you're interested in taking both courses, please register through the roadmap !)
➡ Go to Roadmap
I'll answer your expected questions 🙏
Q. Is this a course that even beginners can take?
Anyone with a basic understanding of JavaScript can do this. While this isn't a JavaScript course, I'll explain JavaScript concepts that appear throughout, so you shouldn't have much difficulty.
Q. What level of content is covered in the class?
For more detailed information, please refer to the curriculum. The stepping stone game is the most challenging and final example. Think of it as studying the content required to create a 3D web application of that level.
Q. With what I learned in class, will I be able to implement the 3D web I want?
Depending on the type of website you want to create, the curriculum covers the core content of three.js, so you will definitely be able to create something completely different from what you did before learning it.
Q. How much growth can I expect after taking this course?
After completing the course, you'll be able to develop 3D web pages. 3D is unique in its own right, and being able to implement it yourself will help you stand out as a developer in the job market. Being able to create 3D web pages and having a portfolio like that will be a powerful weapon as a developer or designer.
Introducing the Knowledge Sharer ✒️
I'm embarrassed to say this myself, but... I'm an instructor with over 800 reviews ⭐ with an average of 5 stars 😅
Hello! I'm 1 Minute Coding , a designer, developer, and content creator who runs Studio Mill in Jeju. My Studio Mill website was also built using three.js!
This course goes beyond simply creating simple objects. By creating real-world examples , you'll gain a solid understanding of how to use 3.js effectively. Furthermore, the curriculum includes instruction on modeling desired shapes using Blender, a 3D modeling software , enabling you to achieve your desired results.
Recommended for
these people
Who is this course right for?
Anyone who wants to create a 3D website
Anyone who wants to create a portfolio website that stands out
Anyone who needs to create 3D content that works on the web
Need to know before starting?
JavaScript Basics
19,455
Learners
1,247
Reviews
1,175
Answers
5.0
Rating
11
Courses
서울에서 웹 개발자/디자이너로 일했고, 제주를 거쳐.. 현재는 말레이시아 페낭에서 열심히 개발도 하고, 교육 콘텐츠도 만들고, 1인 기업으로서 해볼 수 있는 여러가지 시도와 실험들을 해보고 있습니다.
비주얼 임팩트가 있는 인터랙티브 웹에 관심이 많고, 유튜브와 페이스북 "1분코딩"에서 웹 개발 관련 기술들을 공유하고 있어요.
개발자/디자이너/콘텐츠크리에이터
페이스북 https://www.facebook.com/1mincoding
Curriculum
All
161 lectures ∙ (18hr 39min)
Course Materials:
Lecture resources
Published:
Last updated:
Reviews
All
103 reviews
5.0
103 reviews
letseeReviews 2
∙
Average Rating 5.0
5
95% enrolledCảm ơn 1 Minute Coding, người đã đăng ký, vì đã tải lên một bài giảng chất lượng cao và ấm áp như vậy. Nhờ 1 Minute Coding, không lâu nữa các nhà phát triển front-end ở Hàn Quốc sẽ sử dụng ba.js làm mặc định haha.
- studiomealInstructor
Wow - đây là một câu chuyện đẹp như mơ! Cảm ơn bạn rất nhiều vì những lời tốt đẹp của bạn, Jeongwoo - chúc bạn học tập may mắn 😊
- mokguli
Reviews 5
∙
Average Rating 5.0
5
99% enrolledĐây thực sự là một khóa học tuyệt vời để tìm hiểu những kiến thức cơ bản về Three.js. Làm cách nào để triển khai nó trên web 3D ở nước ngoài, v.v.? Lớp học này còn hơn cả 1+1 đối với tôi vì nó giải thích các nguyên tắc của những thứ tôi nghĩ ra và giải thích chúng một cách dễ dàng, đồng thời cũng bao gồm sự hiểu biết đơn giản không chỉ về ba.js mà còn cả cách sử dụng Blender, cách vật lý được áp dụng trên web và tương tác. Cảm ơn giáo viên rất nhiều vì đã tạo ra một bài giảng tuyệt vời với những lời giải thích ngắn gọn và những ví dụ tuyệt vời!
- studiomealInstructor
Cảm ơn bạn rất nhiều, Youngseo🥲 Sau khi phát hành một khóa học, tôi luôn rất lo lắng cho đến khi những bài đánh giá đầu tiên về khóa học được đăng... Tôi đã làm việc chăm chỉ để tạo ra nó, nhưng tôi không thể biết được những người xem nó sẽ như thế nào... Cảm ơn những lời động viên của bạn và hãy cùng nhau học tập vui vẻ trong tương lai nhé!
- hyezzm1200
Reviews 7
∙
Average Rating 5.0
5
29% enrolledĐó là lĩnh vực mà tôi luôn muốn học nên tôi luôn nghĩ mình nên học, và ngay cả khi xem tài liệu, tôi cũng không biết bắt đầu như thế nào nên thật tuyệt khi có thể theo dõi chi tiết!
- studiomealInstructor
Chúc bạn học tốt nhé Kim Kim! Cảm ơn bạn ^^
- a010414011600372
Reviews 9
∙
Average Rating 4.8
- lhwda13882238
Reviews 4
∙
Average Rating 5.0
5
100% enrolledTôi thực sự rất thích bài giảng tuyệt vời này. !! Nhờ có bạn, tôi nghĩ tôi sẽ có thể làm được nhiều điều thú vị!!
- studiomealInstructor
Cảm ơn Hyunwoo! Nếu bạn làm được nhiều điều thú vị, bạn sẽ học được rất nhiều! cười
$127.60
studiomeal's other courses
Check out other courses by the instructor!
Similar courses
Explore other courses in the same field!
![Xây dựng web responsive chỉ với html/css/js thuần túy [Phần thực hành] Bootcamp강의 썸네일](https://cdn.inflearn.com/public/courses/333180/cover/26ede6df-032a-40f2-9670-f6748785eba5/333180.jpg?f=avif&w=420)