Become a Three.js pro with the ultimate Three.js course bundle
Become a Three.js pro with the ultimate Three.js course bundle
Ever wonder how 3d sites are built? Look no further. Learn everything you need to build out full-fledged 3d sites on the web with Three.js.
Introducing
The Beginner and Intermediate
Three.js Bundle
By purchasing the Beginner & Intermediate Three.js bundle, you'll get lifetime access to over 23 lessons with 9 hours worth of video content, along with any future updates.
- Lessons
- 23
- Hours of Video
- 9
- Source Code Branches
- 20
Hi! I'm Christopher Lis, an Awwward winning, full-stack web developer who has worked professionally for clients such as Ford, Harvard University, and the American Advertising Federation, for over eight years.
When I first started Three.js development back in 2016, resources were scarce—your best bet for learning how to code 3D websites was to follow the limited docs posted on Three.js' website.
Back then, I struggled greatly to do what should be simple things, such as animate geometry, or interact with meshes using mouse move and click event listeners, however, through five years of practice, I've honed my skills, reaching the point where these difficult tasks are really quite simple.
Today, I figured, it's 2021, there have to be some great Three.js tutorials out there on the web... things should definitely be easier than they were in 2016, right?
Well after scanning some of the top listed Three.js videos on YouTube, I was amazed that this just wasn't the case. The tutorials, although popular, were extremely rudimentary, hand-holding you through the "Getting Started" examples in the Three.js docs. I figured, I could do better, as there's so much more that really goes into creating a wonderful, 3D website that reacts well across various screen sizes. Thus, the idea for these two courses was born.
These courses cover everything I've learned throughout my five years of Three.js development. Rather than having you struggle to find the right resources and put all of the pieces together correctly (like I had to do), I've compiled everything into a few hours worth of concise, straight to the point videos, that'll get you started with all of the basics required to program your very own 3D website.
What you'll build
Together we will build a geometric, interactive, 3D homepage used to greet your users, and entice them to explore more of your site. On button click, you'll be able to seamlessly transition to the next page using custom Three.js animations and Nuxt.js.
Covered Concepts
This bundle is for developers who know their way around JavaScript, at least a little bit. No prior experience in 3D development or modeling is required. By the end of these courses, you'll come out with a solid understanding of each of these following Three.js topics:
- Vite Setup
- Three.js installation
- Geometries and materials
- Mesh creation
- Buffer attributes
- Raycasters
- 3D interactivity
- Point clouds and particles
- Camera movement
- Renderer resizing
- Seamless page transitions
- Nuxt.js integration
- Custom vertex and fragment shaders
- Attributes, varyings, and uniforms
- Bulk data imports
- Mesh animation
- Click and drag functionality
- Mobile responsiveness
Included Lessons
On purchase, you'll receive 23 in-depth lessons (20 videos, 1 quiz, and 2 code challenges) on how to create premium Three.js websites totaling 9 hours long. You'll also receive any completed code files and assets, so you can see exactly how these sites were made.
Beginner Three.js
Intermediate Three.js
Simple no-tricks pricing
If you're not satisfied, contact me within the first 14 days and I'll send you a full refund
Beginner Three.js
-
Lifetime access to Beginner Three.js
-
10 lessons for a total of 4hrs 47min of watch time
-
Access GitHub source code
-
14 day money back guarantee
The Complete Bundle
-
Lifetime access to Beginner and Intermediate Three.js
-
Save 16.5% compared to buying separately
-
Access premium code snippets
-
Access GitHub source code
-
14 day money back guarantee
Intermediate Three.js
-
Lifetime access to Intermediate Three.js
-
13 lessons for a total of 4hrs 6min of watch time
-
Access GitHub source code
-
14 day money back guarantee
Or subscribe and get 330 additional lessons
Frequently asked questions
- Is this a subscription based purchase?
No, this is meant to be a one-time purchase for the Beginner and Intermediate Three.js courses. If you'd like a subscription option, click the "subscribe" text underneath "The Compete Bundle" pricing card above.
- Are credit card payments secure here?
Yes! All credit card payments are managed directly through Stripe, an online payment processor considered "the standard" when it comes to accepting online payments. Your credit card never actually touches any part of the chriscourses.com server—it is encrypted and managed directly by Stripe which has strict protocols in place to ensure your card is always secure.
- How long is this course?
At the time of this posting, the beginner and intermediate Three.js courses are a total of 9 hours long
- I already have a chriscourses.com subscription, will I be able to access this course's contents?
Yes! If you are currently subscribed as a chriscourses.com premium member, you will be able to access this course without any additional purchase. You can do so by signing into your account and visiting the courses page.
- What exactly do I get after purchase?
After purchase, you'll get direct and unlimited access to both the beginner and intermediate Three.js courses. The courses will be associated with your chriscourses.com account which you can use to view or download the videos at any time.
- Where can I use the code from this course?
You can use this code anywhere you'd like—a portfolio, personal website, or client website. Once you buy this course, you instantly gain the ability to use this code without crediting me at all.
- What if I'm not satisfied?
Send me a message using the chriscourses.com contact form and I'll immediately refund you 100% of your purchase. I've been burned too many times by companies who refuse to offer a refund because "I've already used their product," even though I wasn't satisfied with it. I think that's deceptive, poor practice, and I vowed to never do the same to others as a business owner.
- Have a question not answered here?
If you have a question that wasn't answered here on this FAQ, feel free to contact me directly and I'll get back to you as soon as possible.