Become a Three.js developer
Everything you need in one place:
93 hours of video to go from absolute beginner to advanced Three.js developer.
Level 00 01 02 03 04 05 06 07
00:00/00:00
3:22
00:03:22
Boost your creative developer career
It’s time to upgrade your front-end skills
Enjoy coding like never before
Reach out to new clients
Stand out against the competition
Increase your pay rate
Approved by professionals
Mr.doob
Three.js Creator
69.6K followers
I'm in awe with the quality of Bruno's course. I can't imagine a funner way to start with 3d programming ✨
Jan Willem Tulp
Data Experience Designer
13.8K followers
I'm really enjoying https://threejs-journey.com by @bruno_simon
Doing about 1 lesson a day. There's a lot I didn't know yet, and I can't wait to use @threejs for more advanced creative #dataviz projects or experiments.
Course is highly recommended!
Daniel Velasquez
Freelancer Creative Developer
8,545 followers
If you want to get into webgl, or want to learn even more. This is an Instant buy.
ilithya
Digital Artist, Creative Deveveloper
3,350 followers
Ok, I was able to do @bruno_simon course early. As an intermediate WebGL/ThreeJS level person I felt the course is complete. It can aid ppl at various levels to start mastering 3D on the web. The plus ⏤ endless inspiration after all beautiful creations one makes while learning⚡️
Arno Di Nunzio
Frontend / WebGL Developer
3,285 followers
Just one name: @bruno_simon
And his online course: https://threejs-journey.com
Super well explained and it covers a large scope of different levels of difficulties. One of the best investment you could do ✌️
Florian Morel
Freelance creative Developer
3,258 followers
Probably the most complete threejs course out there, wish I had this when I started.
And it has a text version as well!
Amelie Maia
Creative Developer @otherlifexyz
2,750 followers
We’re so lucky we have people like @bruno_simon spending the time to make this content for others to learn. 🙌🏻
Jtruk
Demoscene Artist
1,703 followers
I can thoroughly recommend @bruno_simon's #ThreejsJourney video course. It covers: setup, primitives, debug, animation, basic physics, shaders, optimisations, a starter guide to Blender, and baked scenes.
Each lesson is purposeful and builds something.
thebenezer
Creative Developer
1,649 followers
Guess what! I got my hands on Threejs Journey by the incredible @bruno_simon a while back to master r3f!🎉 Although I've worked on r3f projects in the past, I've been eager to learn more! Boy oh boy, is Bruno an amazing teacher!🤩 I absolutely loved the lesson on Textures!😍
Visionary 3D
3D Teacher (YouTube)
1,388 followers
#threejsJourney is the best course I've learned from in my life.
Even though my knowledge has expanded, I still think it's had the most impact on my learning journey.
I'll always be grateful for the work of @bruno_simon.
Martin Charpentier
Founder & Designer @source_paris
1,299 followers
I have been teaching alongside @bruno_simon for many years and I can tell he is one of the most passionated mentor you can find. So if you want to master ThreeJS there is only one place 👇
Adam NAILI
Creative Developer
749 followers
Found a job as #threejs Developer for 6 months recently. I'm one step closer to my goal of becoming a Creative developer. And it is mostly thanks to @bruno_simon and his course. It is the most profitable 95 bucks I ever spent.
Thank you Bruno 🔥
The only course you need
Three.js Journey is the most complete, yet accessible course you can find.
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 of the course, you will have enough experience and skills to create your own projects.
7
Chapters
66
Lessons
93
Hours of tutorial
Basics
13 lessons — 10h 12m of tutorial
Create your first scene and understand fundamentals like cameras, geometries, materials, textures.
Add a debug panel, animate everything and put your project online.
Classic techniques
6 lessons — 7h 55m of tutorial
Illuminate your scene with various lights casting shadows, create millions of particles and animate on scroll.
Advanced techniques
7 lessons — 12h 29m of tutorial
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.
Shaders
18 lessons — 26h 24m of tutorial
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.
Extra
4 lessons — 4h 37m of tutorial
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.
Portal Scene
4 lessons — 6h 38m of tutorial
Learn how to create a cool scene using Blender and discover the baking technique to get the best looking lights and shadows.
React Three Fiber
14 lessons — 23h 59m of tutorial
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.
Meet Bruno Simon 
Bruno Simon is a French creative developer specialized in WebGL. He has worked on many projects for worldwide renowned clients to create interactive 3D web experiences.
Bruno has been teaching web development and WebGL in various schools for more than 7 years, totaling more than 700 real life students and making him a pedagogical trainer.
50,845 Students chose
Three.js Journey
on Trustpilot
$95
USD - VAT incl.
- 66 lessons
- 93 hours of video tutorial
- Subtitles
- Private Discord server
- Future updates
- Certificate of completion
- One time payment
- Access for life
Start learning now It's for a gift
And thousands of projects made by students
A beginner friendly course
Three.js and WebGL for dummies
Everything will be explained starting with basics concepts before tackling more advanced topics.
Easy mathematics
Yes, we're going to do mathematics, but at a simple level and we will explain how the formulas work with drawings and practice.
Blender as a bonus
Together we will learn the basics of the 3D software Blender to create our own model. No experience needed and it’s free.
For JavaScript beginners
All you need are JavaScript basics like variables, objects, arrays, loops, functions and events. We will learn the rest together.
For most computer configurations
In some lessons, we will tackle performance limits, and learn how to handle and optimize our code to get good frame rates.
Frequently Asked Questions
What are the prerequisites?
Even if the course is beginner friendly, you need to know JavaScript basics like variables, objects, arrays, loops, functions, conditions and events.
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.
Can I use Three.js with React?
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 hours long lesson that will teach you the basics of React.
Is the content up to date?
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.
What if I need help?
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.
I don't speak English very well. Will it be a problem?
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.)
Can I offer it?
Yes, you can gift the course 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.
Can I test the lessons?
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.
What if I don't like the course?
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.
Is there a way to get a discount?
The price of the course has already been calculated to be 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.
Do I have to do the entire course to start my own project?
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.
Do you provide a certificate of completion?
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, letting you time to find the information before answering again.
Can I ask for a VAT refund?
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.
Can I have an invoice?
Once you've bought the course, you get access to an invoice. You can add any additional data you need on the document.
