Become a Three.js developer
Everything you need in one place:
116 hours of video to go from absolute beginner to advanced 3D web developer.
50,871 Students already enrolled
on Trustpilot
Everything you need in one place:
116 hours of video to go from absolute beginner to advanced 3D web developer.
50,871 Students already enrolled
on Trustpilot
It’s time to upgrade your front-end skills
Three.js Journey is the most complete, yet accessible way to learn 3D on the web, now in two courses.
You will start by discovering what WebGL is and why using the Three.js library is a must. You will then discover the various components of Three.js and once the basics are acquired, you will move on to more advanced techniques and build up experience through tons of exercises.
At the end, you will have enough experience and skills to create your own projects in WebGL and WebGPU.
Three.js and WebGPU & TSL combined
WebGL and Three.js from the fundamentals to advanced techniques, everything needed to build 3D experiences on the web.
Create your first scene and understand fundamentals like cameras, geometries, materials, textures.
Add a debug panel, animate everything and put your project online.
Illuminate your scene with various lights casting shadows, create millions of particles and animate on scroll.
Make your world even more realistic with physics, then import your own model made with Blender, make it look as realistic as possible and learn how to structure your code for more complex project.
Using Three.js materials is great but creating your own is even better.
Master GLSL, the shaders language, to create unseen effects and learn how to enhance and improve existing materials.
Use your shaders knowledge to go even further and try new techniques.
But it's also important to make sure your projects are working on most devices by monitoring and optimising performance.
Learn how to create a cool scene using Blender and discover the baking technique to get the best looking lights and shadows.
Did you know that Three.js integrates well in React?
Thanks to React Three Fiber (R3F) you can create awesome Three.js experiences in React with just a few lines of code.
WebGPU is becoming the default renderer in Three.js, and TSL the new way to write shaders.
The vocabulary: 8 lessons of short practical exercises.
13 projects, where the knowledge consolidates and where the fun is.
One-time payment, access for life, whichever one you pick.
new The long-awaited WebGPU & TSL Course is finally here.
on Trustpilot
Already have Three.js Course? Log in to unlock member pricing
Bruno Simon is a French creative developer specialized in Three.js. He has worked on many projects for worldwide renowned clients to create interactive 3D web experiences.
Bruno has been teaching web development in various schools for more than 7 years, teaching more than 700 students in person along the way.
Challenge yourself with topics chosen by the members.
Every once in a while, Bruno shares with you his favorite project built by students.
The best place to ask questions and hang out with the rest of the community.
With more than 28,660 members, you’ll find a channel for each lesson, announcements, challenges, job opportunities and a place to share your projects.
Everything will be explained starting with basic concepts before tackling more advanced topics.
Yes, we're going to do mathematics, but at a simple level and we will explain how the formulas work with drawings and practice.
Together we will learn the basics of the 3D software Blender to create our own model. No experience needed and it’s free.
All you need are JavaScript basics like variables, objects, arrays, loops, functions and events. We will learn the rest together.
In some lessons, we will tackle performance limits, and learn how to handle and optimize our code to get good frame rates.
Even if the course is beginner-friendly, you need to know JavaScript basics like variables, objects, arrays, loops, functions, conditions and events.
The WebGPU & TSL course also assumes you already know Three.js and the basics of shaders.
The code editor used in the lessons is Visual Studio Code but you can use any editor you like.
The browser used in the lessons is Chrome but you can use any browser you like. However, it is recommended to use one with a good developer tools panel like Chrome or Firefox.
Eventually, you will have to install Blender, but the software is free and works on all major OS.
Yes, thanks to the React Three Fiber renderer, we can write Three.js application directly in React.
And it doesn't stop there. React Three is a huge ecosystem with many tools and features that will improve your developer's life.
It's so big that a whole chapter is dedicated to the topic.
And if you don't know React, the course includes a 4-hour lesson that will teach you the basics of React.
All the dependencies used throughout the lessons are updated multiple times a year and the content is adjusted accordingly.
New lessons are also regularly added in order to cope with the latest features and to answer community requests.
With the course, you will also get access to a private Discord server. If you get stuck or you don't understand a specific part of a lesson, you can share your problem to get help.
Although the lessons are in English, they have all been captioned.
For a better comprehension, the technical terms are perfectly written and highlighted.
And if the video is going too fast, you can slow down the pace.
French, Spanish, Hindi, and Chinese subtitles are available as well.
To test and see how difficult it is for you to follow, all beginnings and some full lessons are available for free.
Finally, all the lessons are available as text right below the video with the exact same content (screenshots, code snippets, video previews, etc.)
Yes, you can gift either course, or both, to someone else by clicking on this link.
You can pick an option between letting us email the gift to the receiver or you can share the gift yourself.
You'll receive an invoice by email and the recipient won't have access to your billing information.
The first lessons are free! Have a look and see for yourself if you like the content.
And if it's not enough, the beginning of every other lesson is also free.
If you are not happy with the course, whatever the reason is, you can ask for a refund at any time by sending an email at contact@threejs-journey.com.
Following the refund, your account will be deleted.
This covers the course itself. A coffee, and a course you sponsored for a student, are not refundable.
The prices have already been set as low as possible in order to be accessible for everyone, and the VAT is included.
You pay only once and get access to all the lessons, a members-only Discord server and upcoming updates!
Still, if it's too expensive for you, discounts might happen at some occasions. Follow @bruno_simon on Twitter to be alerted.
No! Once you feel comfortable, you can start working on your personal experiences by yourself. You won't have to wait until the end of the course, but obviously, you will be able to jump back to the course at any time where you left it.
And if you struggle on any project, whether it is personal or professional, the Three.js Journey community will always be happy to help.
Yes! Each lesson comes with a quiz. Completing all quizzes will grant you access to a public certificate that you can print or share with the world.
Failing on answering a quiz will result in a few minutes time out, giving you time to find the information before answering again.
If your company is in the EU (outside of France), you can ask for a VAT refund.
To do that, after buying the course, go to your account settings and fill the VAT refund request form. Information will be reviewed and proof that you work at the company might be requested.
Once you've bought the course, you get access to an invoice. You can add any additional data you need on the document.
It's a separate course: $45 on its own, or $120 bundled with Three.js Journey.
WebGPU is becoming the default renderer in Three.js and TSL the new way to write shaders, but the Three.js course alone is still everything you need to build 3D experiences on the web today.
Log in, then add it from the WebGPU & TSL page for $25 instead of $45, until September 30.
The 21 lessons then appear right in your lessons, with their own quizzes and certificate.