SVG 마스터
1분코딩
웹 벡터 그래픽 SVG를 기초부터 제대로 익히고, 재미있고 다양한 예제들을 통해 원하는 방향으로 응용할 수 있는 기술을 습득합니다.
초급
SVG, HTML/CSS
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,415
Learners
1,240
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
102 reviews
5.0
102 reviews
육영서Reviews 5
∙
Average Rating 5.0
5
99% enrolledThree.js의 기본을 알 수 있는 정말 멋진 강의입니다. 해외의 3D 웹 등에서 어떻게 구현하지? 라고 생각했던 것들의 원리를 정리해서 쉽게 알려주시고, three.js 뿐만 아니라 블렌더 사용 방법과 웹에서 물리가 적용되는 방식, 인터랙션에 대한 간단한 이해까지 더해져서 저에게 이 수업은 1+1 그 이상이었습니다. 간결한 설명들과 멋진 예제들로 좋은 강의를 만들어주신 선생님께 정말 감사합니다!
- 1분코딩Instructor
넘 감사합니다 영서님🥲 강의를 출시하고 나면, 첫 수강평이 달리기까지 항상 많이 긴장이 되거든요.. 제딴엔 열심히 만들었지만, 보시는 분들께는 어떨지를 알 수가 없어서.. 힘나는 말씀 감사드리고, 앞으로도 같이 재밌게 공부해요!
Limited time deal
$123,750.00
25%
$127.60
studiomeal's other courses
Check out other courses by the instructor!
Similar courses
Explore other courses in the same field!
![순수 html/css/js만을 활용한 반응형웹 제작[실전편] 부트캠프강의 썸네일](https://cdn.inflearn.com/public/courses/333180/cover/26ede6df-032a-40f2-9670-f6748785eba5/333180.jpg?f=avif&w=420)