Become a
3D Web Developer
React Three Fiber: The Ultimate Guide to 3D Web Development
From zero to hero with Three.js and React 🚀
Click on the chapters to start exploring
Level Up Your 3D Web Development Skills
Master the cutting-edge tools needed to build immersive web experiences.
Unlock New Frontend Skills
Become a creative developer with advanced 3D techniques.
Create Interactive Web Experiences
Build engaging 3D web apps that stands out from traditional websites.
Stay Ahead of the Curve
Learn in-demand skills that push you ahead of the competition
Boost Your Freelancing Opportunities
Attract higher-paying clients by offering 3D development services.
Your journey through React Three Fiber
Embark on a step-by-step journey to master 3D web development.
Each chapter is designed to build on the previous one, ensuring a smooth learning curve.
#1 Fundamentals
Lay the foundation for your 3D journey as you explore Three.js and React Three Fiber, setting up your environment, and mastering the basics of objects, transformations, cameras, and lighting.
#2 Core
Dive deeper into React Three Fiber by unlocking interactivity through hooks and controls, mastering events, integrating 3D models, textures, and enriching your scenes with HTML and text elements.
#3 Master
Elevate your 3D worlds with dynamic elements and engaging effects. Learn to implement loading screens, scrolling interactions, animations, and optimize your projects for peak performance.
#4 Shaders
Learn how to create custom shaders to bring unique and creative visual effects to your projects.
#5 Portfolio
Use the knowledge gained throughout the course to create a professional portfolio.
Learn by Building
Have a look at the main projects we will build together during the course. Learn by doing, and use the projects as a reference for your future creations.
All lessons come with a starter pack to practice and code along with me, while you can use the final code as a template for your own projects.
Ultimate Guide Final Portfolio
iPhone Camera Animations
Shader Image Slider Component
Cute Café
Medieval Town
3D Web Agency Landing
Cell Shading Water
Tesla Light Staging
Tavern
Shader Museum
CCTV Living Room
Physics Adventure World
Sushi Scroll
Team Loading Screen
Kitchen Scene
Is this course made for me?
If you check any of the following, then yes!
- You want to learn the basics of Three.js and React Three Fiber
- You want to learn how to create 3D web experiences with React Three Fiber but don't know where to start
- You have experience with Three.js and want to ease your transition to React Three Fiber
- You have finished the excellent Three.js Journey course and want to go further with React Three Fiber
- You want organized and structured resources about 3D development, Three.js, and React Three Fiber at your disposal when you create your own projects.
- You discovered 3D websites and want to learn how to create your own.
- You want to start your journey into the creative coding world.
- You've read React Three Fiber documentation but are looking for a step-by-step guide to help you get started.
Your instructor
Wawa Sensei
Hi, I'm Wawa, a French Developer based in Tokyo! 🗼
I've been building web, mobile and VR applications for the last 10 years. The 3D projects I've worked on have led me to discover Three.js and React Three Fiber. It was love at first sight!
I teach 3D web development and creative coding on my YouTube channel Wawa Sensei through video tutorials. My goal is to make 3D web development accessible to everyone by simplifying complex concepts and providing step-by-step guides.
My journey has been incredibly rewarding, and I'm excited to share my knowledge with you.
Frequently Asked Questions
You have questions? I have answers! If you don't find what you are looking for, feel free to contact me.
🔍 What if I have questions during the course?
We have a private Discord server where you can ask questions for each lessons, share your work, and get feedback!
🎬 Can I test the course before buying it?
The first lessons are free and all the other lessons have a preview. It should give you a good idea of what to expect.
⏰ How long is this course?
It's a self paced course, but it should take approximately 2 to 4 weeks to complete.
🆕 Will there be new lessons?
New lessons are already in preparation and will be added to the course in the future. You will have access to all the new lessons for free.
📝 I'm just starting with HTML, CSS, and JavaScript. Will I be able to follow this course?
This course is made for beginners. You don't need to have any prior knowledge of Three.js or React Three Fiber.
📘 Do I need to know React?
Basic knowledge of Javascript and React is recommended but it is still possible to follow the course without any prior knowledge of React. You might need to do some extra research on React concepts.
Watch the introduction video to learn more about the course
Start your learning journey now!
For only $85, you'll get a lifetime access to the lessons, the private Discord server, and the course updates.
Enroll now