강의

멘토링

커뮤니티

BEST
Programming

/

Front-end

Three.js 3D Interactive Quick Start

The curriculum is designed so you can use Three.js immediately in practice!

(4.5) 30 reviews

407 learners

  • coding11
Interactive Web
Three.js

Reviews from Early Learners

What you will gain after the course

  • 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

Earth and Moon rotating and orbiting in outer space
Gallery space with lighting and framed artwork on the walls
3D Z-value Simulation
Smooth Camera Movement with GSAP Library
Three-dimensional Random Image Interactive Development
International Website Clone, Scroll and 3D Integration
Creating a 3D Character Introduction Page
Creating a Super Simple 3D Space

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

Hello
This is

3,331

Learners

228

Reviews

213

Answers

4.6

Rating

3

Courses

15년 이상 여러 기업과 언론사에서 front-end 개발 및

데이터 시각화, 인터랙티브 사이트 제작을 했습니다.

http://yahao2512.com

 

https://brunch.co.kr/@yahao2512

저와 함께 깃털처럼 가벼운 코딩 함께 해보시죠!

Curriculum

All

57 lectures ∙ (4hr 33min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

30 reviews

4.5

30 reviews

  • hongwooda님의 프로필 이미지
    hongwooda

    Reviews 2

    Average Rating 5.0

    Edited

    5

    7% enrolled

    The Coding Eleven course is really well-made! The examples and explanations are well-explained, so I can understand everything perfectly while trying it out myself. There aren't many Three.js courses, so I'm glad I was able to learn something new like this. I'm looking forward to the next lecture!

    • coding11
      Instructor

      Thank you for your course review! I think there are a lot of three.js lectures and related articles these days. I think there is a lot of interest in it. It can be used in many ways, so take this opportunity to get familiar with it. Next lecture... Yes. Someday.

  • 88535162111님의 프로필 이미지
    88535162111

    Reviews 3

    Average Rating 5.0

    5

    77% enrolled

    I've waited a long time!! Why are you opening it now!!

    • coding11
      Instructor

      Oh my, thank you for your first review! It's too late. I'm sorry and thank you for waiting :)

  • sonamu님의 프로필 이미지
    sonamu

    Reviews 2

    Average Rating 5.0

    5

    91% enrolled

    It was so new and fun, I finished it in one day after purchasing it. I had a job that required me to implement 3D functions, so I found out while Googling. I had no idea how to implement 3D, but as I continued to watch the lectures, I learned how to implement it. As I watched each lecture, it was new and fun, I paid at 6 yesterday, and I watched it until 4 a.m. now. Thank you for the detailed lecture. ^^

    • coding11
      Instructor

      3.js is not as difficult as you think, right? ^^ I'm glad this lecture was helpful. Thank you for your review.

  • gangsugi5753님의 프로필 이미지
    gangsugi5753

    Reviews 23

    Average Rating 5.0

    5

    100% enrolled

    This was my first time trying three.js, and I really enjoyed the lecture. At first, it was a bit difficult and I hesitated in the middle, but I kept listening repeatedly and also left questions, and managed to complete the entire course.... I've only grasped the basics so far.... I think I need to listen repeatedly and practice a lot more^^ The lecture was short but the content was really substantial. Highly recommended!!!

    • battlesun991433님의 프로필 이미지
      battlesun991433

      Reviews 2

      Average Rating 5.0

      5

      61% enrolled

      Limited time deal ends in 2 days

      $85,800.00

      22%

      $84.70

      coding11's other courses

      Check out other courses by the instructor!

      Similar courses

      Explore other courses in the same field!