
Getting Started with Interactive Web Development
studiomeal
This course will teach you the fundamentals of developing creative, interactive web pages.
Basic
HTML/CSS, JavaScript, Interactive Web
This course will teach you how to create a first-person 3D website that works on both desktop and mobile.
290 learners
Level Basic
Course period Unlimited


Reviews from Early Learners
5.0
๊นํ์ง
I think it's much better to learn it after having some knowledge of Three.js. I'm satisfied because I learned something new along with what I already knew. I also really liked the part where the explanation method and implementation principles were explained in an easy-to-understand way with pictures and visual aids! I listened to the sincere and kind lecture well! โบ
5.0
Thomas
Thank you for the great class.
5.0
์ค์ธํธ
I listened to the new THREE.JS lecture right after I listened to the previous lecture, and it only contains the core content for practical application to projects, so it seems good for those who only want to know how to implement it. On the other hand, those who want to know in detail or those who are new to it may feel difficult to understand as they listen. I listened to the previous lecture and this lecture, and I think it's better because I learned a new way to develop!
Three.js Core Concepts
Principles of implementing a first-person 3D web page
Many of you have been asking me, "How do I make something like this?" after seeing my website, https://studiomeal.com . So, I've created a course that focuses on implementing core movements. It's a no-frills course focused solely on creating 3D space and implementing movements !
Turn your head,
Click on an object to make it move
Create a world where physics applies
An example that works well on mobile too

The existing lecture, 3D Interactive Web Starting with Three.js, is a 'comprehensive lecture' that covers the basic concepts of Three.js in detail and allows you to study various examples.

This lecture quickly covers the core fundamentals of Three.js and focuses on the 'principles of implementing first-person 3D space' .
While this course focuses on implementing 3D space, it summarizes the core fundamentals in the first section to ensure that even those new to Three.js can understand it. A basic understanding of JavaScript is sufficient for the course. Free sample lectures are available to give you an idea of the course's difficulty level. For those who want to solidify their Three.js foundation, we recommend taking our other course, "3D Interactive Web with Three.js."

You can get a 30% discount coupon "Apply to entire purchase" from the 1-minute coding Three.js roadmap.
(Even if you are already taking one of the two lectures, if you apply for the new lecture with the roadmap coupon, a 30% discount will be applied. If you want to take both lectures, please apply for them on the roadmap !)
โก Go to Roadmap
Use images and animations to make it easier to understand
Since this is a class where understanding the implementation of movements is important, rather than just explaining it with words, we used images and animations to make it easier to understand.

This course focuses on implementing first-person 3D websites.
This course summarizes the fundamental concepts of Three.js and focuses on implementing first-person 3D spaces. It's ideal for those who want to quickly create their own 3D spaces.
We provide both starting and finished versions of all code so you can follow along and write your own. If you encounter a problem with your code midway through the course and are having trouble progressing, you can download the source code for that chapter and continue learning from that point forward.
The source code provided in the lecture can be used in your projects.
Directly disclosing the source code provided in the lecture or creating educational materials is not permitted.
A basic understanding of JavaScript is essential for a smooth learning experience. While this isn't a JavaScript course, we'll cover JavaScript concepts that appear throughout, so you shouldn't have much difficulty.
This lecture was produced with AI voice, so it may feel a bit different from my previous lectures. Please check out the sample lecture before taking it. ๐
Who is this course right for?
Anyone who wants to create their own 3D space
People who studied Three.js but find it difficult to apply it
Need to know before starting?
JavaScript Basics
Career Verified
19,802
Learners
1,297
Reviews
1,175
Answers
5.0
Rating
11
Courses
I worked as a web developer/designer in Seoul, then moved through Jeju... and am currently in Penang, Malaysia, working hard on development, creating educational content, and conducting various trials and experiments as a solopreneur.
I have a strong interest in interactive web with visual impact, and I share web development-related technologies on YouTube and Facebook under "1-Minute Coding."
Developer/Designer/Content Creator
Website https://studiomeal.com
YouTube https://youtube.com/c/1๋ถ์ฝ๋ฉ
Facebook https://www.facebook.com/1mincoding
All
43 lectures โ (3hr 47min)
Course Materials:
10. Create Stage
08:11
13. 3D Model Load 1
04:43
14. 3D Model Load 2
07:04
15. 3D model load 3
02:05
17. Image texture
07:20
19. Camera Movement
10:31
33. Lamp On/Off
06:33
All
10 reviews
5.0
10 reviews
Reviews 5
โ
Average Rating 5.0
5
I was able to learn difficult content easily.
Thank you for your first class review and kind words, Jeonghoon. ๐ I hope you create great works!
Reviews 46
โ
Average Rating 4.7
5
Thank you for the great class.
Thank you for your kind words Thomas :)
Reviews 1
โ
Average Rating 5.0
5
I listened to the new THREE.JS lecture right after I listened to the previous lecture, and it only contains the core content for practical application to projects, so it seems good for those who only want to know how to implement it. On the other hand, those who want to know in detail or those who are new to it may feel difficult to understand as they listen. I listened to the previous lecture and this lecture, and I think it's better because I learned a new way to develop!
Thank you for leaving a detailed review, Inho :D I wanted to make this lecture suitable for those who are new to Three.js, but also provide new content to those who have taken the previous lecture - I am grateful that you said that listening to it was helpful! ^^
Reviews 22
โ
Average Rating 5.0
5
I think it's much better to learn it after having some knowledge of Three.js. I'm satisfied because I learned something new along with what I already knew. I also really liked the part where the explanation method and implementation principles were explained in an easy-to-understand way with pictures and visual aids! I listened to the sincere and kind lecture well! โบ
Thank you Hyungjin-nim- I tried using visual aids such as animations to make it easier to understand the concept, and I'm glad you liked it๐ I hope you create a great piece!
Reviews 1
โ
Average Rating 5.0
Check out other courses by the instructor!
Explore other courses in the same field!