Learn CSS Flex and Grid Properly
studiomeal
$38.50
Basic / HTML/CSS, Flex
4.9
(222)
2,700+
You'll learn about Flex and Grid, the current and future standards for writing CSS layouts.
Basic
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.
(5.0) 110 reviews
1,887 learners
Level Basic
Course period Unlimited
Interactive Web
Interactive Web
Blender
Blender
Three.js
Three.js
Interactive Web
Interactive Web
Blender
Blender
Three.js
Three.js
Reviews from Early Learners
Reviews from Early Learners
5.0
5.0
이정우
95% enrolled
I am grateful to 1 Minute Coding, who I have already subscribed to, for uploading such a hot and high-quality lecture. Thanks to 1 Minute Coding, the day when front-end developers in our country use three.js as their basic language is not far off. ㅎㅎ
5.0
육영서
99% enrolled
This is a really great lecture that lets you learn the basics of Three.js. I thought, "How do you implement it in overseas 3D web?" It organizes the principles and explains them in an easy way, and it adds not only Three.js, but also how to use Blender, how physics are applied on the web, and a simple understanding of interaction, so this class was more than 1+1 for me. I'm really grateful to the teacher who created a great lecture with concise explanations and great examples!
5.0
김김
29% enrolled
It was a field I always wanted to learn about, so I always thought I should study it, but even when I looked at the documentation, I had no idea where to start, so it was great to be able to follow along with you in detail!
What you will gain after the course
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
Hello
This is studiomeal
19,675
Learners
1,281
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
Curriculum
All
161 lectures ∙ (18hr 39min)
Course Materials:
Lecture resources
17. Light (Lighting)
04:45
18. Animation Basics
08:44
20. Fog
07:11
Published:
Last updated:
Reviews
All
110 reviews
5.0
110 reviews
letseeReviews 2
∙
Average Rating 5.0
5
95% enrolledI am grateful to 1 Minute Coding, who I have already subscribed to, for uploading such a hot and high-quality lecture. Thanks to 1 Minute Coding, the day when front-end developers in our country use three.js as their basic language is not far off. ㅎㅎ
- studiomealInstructor
Wow- this is a dreamlike story! Thank you so much for the kind words, Jeongwoo-nim- good luck with your studies😊
- hyezzm1200
Reviews 10
∙
Average Rating 5.0
5
29% enrolledIt was a field I always wanted to learn about, so I always thought I should study it, but even when I looked at the documentation, I had no idea where to start, so it was great to be able to follow along with you in detail!
- studiomealInstructor
Good luck with your studies, Kim Kim! Thank you^^
- lhwda13882238
Reviews 4
∙
Average Rating 5.0
5
100% enrolledI listened to the lecture very well. !! Thanks to you, I think I will be able to do many fun things!!
- studiomealInstructor
Thank you, Hyunwoo! If you make a lot of fun things, you'll learn a lot! Haha
- a010414011600372
Reviews 9
∙
Average Rating 4.8
- mokguli
Reviews 5
∙
Average Rating 5.0
5
99% enrolledThis is a really great lecture that lets you learn the basics of Three.js. I thought, "How do you implement it in overseas 3D web?" It organizes the principles and explains them in an easy way, and it adds not only Three.js, but also how to use Blender, how physics are applied on the web, and a simple understanding of interaction, so this class was more than 1+1 for me. I'm really grateful to the teacher who created a great lecture with concise explanations and great examples!
- studiomealInstructor
Thank you so much, Youngseo🥲 After releasing a lecture, I always get really nervous until the first class review comes up. I worked hard on it, but I don't know what the viewers will think of it. Thank you for your encouraging words, and let's continue to study together and have fun!
studiomeal's other courses
Check out other courses by the instructor!
Similar courses
Explore other courses in the same field!
