인터랙티브 개발 실무 끝장내기 [역량 강화편]
코딩일레븐
실무에서 사용하는 인터랙티브 JS, CSS 노하우를 아낌없이 공개합니다.
Basic
인터랙티브 웹, JavaScript
BEST
Three.js 3D Interactive Quick Start
The curriculum is designed so you can use Three.js immediately in practice!
Reviews from Early Learners
What you will learn!
Three.js
3D Interactive Development
TweenMax (GSAP)
Development becomes more fun when you go beyond 2D to handle 3D!
Let's develop three-dimensional content together with Three.js. 🧩
Highly practical Three.js,
study in advance to prepare 📖
I planned the curriculum using Three.js source code that I use in actual work.
I'll easily teach you highly versatile Three.js for services, content, games, and more,
and also provideoriginal source code that you can use directly in your work.
Sharing some example images
Target Audience/Course Objectives 🔑
People who want to create
3D-designed pages
Someone who is very interested in
developing multidimensional content
Those who want to use Three.js
immediately in practical work
Learning Content by Section 📚
Section 1
- Three.js Just Follow Along
Section 2
- Three.js Interactive Basics
Section 3
- Basic shapes for keyboard control
Section 4
- Create a 3D Space in Just 1 Minute
Section 5
- Space, Earth and Moon
Section 6
- Art Museum (Gallery) Interactive
Section 7
- Z-value based (depth-enhanced) page
Section 8
- 3D Modeling-Based Interactive Development
Expected Questions Q&A 💬
Q. Can non-majors also take this course?
While having JavaScript basics would make it easier, this is a course that teaches from the fundamentals, so even non-majors can comfortably take it. Additionally, we provide all the JS source code for the examples, so you can follow along while watching.
Q. What are the benefits of learning Three.js?
When you work with 3D elements, the quality of your services and content changes dramatically. Even just using them as backgrounds for personal projects or portfolios can really catch people's attention. You can create pages that you've only imagined before.
Q. Is it widely used in practice?
It's already widely used in games and content, and services are increasingly using Three.js as well. (Three.js was also used on the Toss Bank card application page)
Introducing Our Instructors ✒️
I have created many interactive content and web pages using Three.js.
I use Three.js in various areas from data visualization to games.
The video below is from FECONF where I shared my experience using Three.js.
Introduction to a Game Developed with three.js
View Other Courses
Interactive scripts actually used in the field
Recommended for
these people
Who is this course right for?
Immediate practical users of Three.js
Someone interested in 3D content development
Those who need a portfolio like overseas sites
Need to know before starting?
JavaScript basics
CSS basics
3,305
Learners
221
Reviews
211
Answers
4.6
Rating
3
Courses
15년 이상 여러 기업과 언론사에서 front-end 개발 및
데이터 시각화, 인터랙티브 사이트 제작을 했습니다.
https://brunch.co.kr/@yahao2512
저와 함께 깃털처럼 가벼운 코딩 함께 해보시죠!
Curriculum
All
57 lectures ∙ (4hr 33min)
Course Materials:
Lecture resources
Published:
Last updated:
Reviews
All
29 reviews
4.5
29 reviews
소나무Reviews 2
∙
Average Rating 5.0
5
91% enrolled신기하고 재미있어서, 구매 후 하루 만에 완강했습니다. 3D 기능 구현을 해야 하는 업무가 있어서, 구글링 하다가 알게 되었어요. 3D 구현 방법이 막막했는데, 강의를 계속 보다 보니 구현 방법을 알게 됩니다. 각각의 강의를 보다 보니 신기하기도 하고, 재미있어서 어제 6시에 결제하고, 지금 시간 새벽 4시까지 봤습니다. 세심한 강의 해 주셔서 감사합니다. ^^
- 코딩일레븐Instructor
three.js 생각보다 어렵지 않죠? ^^ 이 강의가 도움이 된 것 같아서 다행입니다. 수강평 감사드립니다.
- 지명화
Reviews 1
∙
Average Rating 5.0
- seol2ya
Reviews 17
∙
Average Rating 5.0
$84.70
coding11's other courses
Check out other courses by the instructor!
Similar courses
Explore other courses in the same field!
![순수 html/css/js만을 활용한 반응형웹 제작[실전편] 부트캠프Course Thumbnail](https://cdn.inflearn.com/public/courses/333180/cover/26ede6df-032a-40f2-9670-f6748785eba5/333180.jpg?f=avif&w=420)