Three.js Courses and Certifications

Three.js Journey is the most complete, yet accessible course you can find.

• Independent
• 89-90 hours
• Self-Paced
• Paid Course

Create a Cute Room Portfolio with Blender, Three.js, JavaScript - Beginner Course

Master Blender 3D modeling and Three.js to build an interactive portfolio featuring a cute room with detailed objects, materials, lighting, and web deployment.

• freeCodeCamp
• 8 hours 43 minutes
• Self-Paced
• Free Video

Creative Web Development with Three.js and Blender - 3D Portfolio for Beginners

Master 3D web development by creating an immersive portfolio using Blender for modeling and Three.js for interactive web experiences with character movement and collision detection.

• freeCodeCamp
• 5 hours 39 minutes
• Self-Paced
• Free Video

Modern Three.js Course

Master production-ready 3D web experiences using Three.js, TypeScript, and Vite—covering scene setup, transformations, animations, HMR, and modular architecture patterns.

• egghead.io
• Self-Paced
• Free Online Course

Create a Room Portfolio with Three.js and Blender - Awwwards' Sites Recreated

1 rating

Learn to create an immersive 3D room portfolio using Three.js and Blender. Master advanced web development techniques, including responsive design, animations, and deployment.

• YouTube
• 8 hours 28 minutes
• Self-Paced
• Free Video

Chris Courses

Three.js Tutorial Crash Course - 2021

Learn to create interactive 3D environments in the browser using Three.js. Covers scene setup, mesh creation, lighting, animations, hover effects, and integrating HTML/CSS interfaces.

• YouTube
• 2 hours 35 minutes
• Self-Paced
• Free Video

DesignCourse

Working with Three.js Particle Systems - They're Awesome

Explore Three.js particle systems to create stunning visual effects. Learn geometry, materials, and animations for dynamic web graphics.

• YouTube
• 32 minutes
• Self-Paced
• Free Video

DesignCourse

Getting Started with Three.js in 2021

Learn to create immersive 3D web experiences using Three.js. Covers installation, project structure, boilerplate code, interactivity, and integration with HTML elements.

• YouTube
• 57 minutes
• Self-Paced
• Free Video

Wrong Akram

React and Three.js - Working with Shaders Using React Three Fiber

Learn to create dynamic wave effects on images using React Three Fiber and shaders. Explore shader basics, wave animations, and texture mapping in this hands-on tutorial.

• YouTube
• 36 minutes
• Self-Paced
• Free Video

Chris Courses

Intermediate Three.js Tutorial - Create a Globe with Custom Shaders

Create a realistic 3D globe using Three.js and custom shaders. Learn vertex and fragment shaders, UVs, normals, and atmospheric effects. Includes interactive features and styling with HTML/CSS.

• YouTube
• 1 hour 34 minutes
• Self-Paced
• Free Video

Create Stunning 3D Website - Three.js & Bootstrap 5 Tutorial

Learn to create interactive 3D websites using Three.js and Bootstrap 5. Master 3D object manipulation, cursor tracking, and UI design. Deploy your stunning project online in just 40 minutes.

• YouTube
• 40 minutes
• Self-Paced
• Free Video

Learn With Jason

Introduction to Three.js - Learn With Jason

Explore 3D rendering with Three.js in this beginner-friendly tutorial. Learn key concepts, create interactive 3D scenes, and gain practical skills for web-based 3D graphics.

• YouTube
• 1 hour 21 minutes
• Self-Paced
• Free Video

JavaScript Mastery

Build and Deploy a 3D Developer Portfolio in React with Three.js

Create an interactive 3D developer portfolio using React and Three.js, featuring animated elements like a floating island and responsive fox. Learn to showcase your skills effectively through engaging visuals and user interactions.

• YouTube
• 2 hours 54 minutes
• Self-Paced
• Free Video

JavaScript Mastery

Build and Deploy a 3D Portfolio with React.js and Three.js - Beginner Tutorial

Create an immersive 3D portfolio website using React.js and Three.js. Learn practical techniques to showcase your work with stunning visuals and interactive elements, elevating your online presence.

• YouTube
• 4 hours 29 minutes
• Self-Paced
• Free Video

JavaScript Mastery

Build and Deploy Three Animated Websites Using GSAP and Three.js

Master front-end development through hands-on creation of three dynamic websites, incorporating React, Tailwind CSS, GSAP, and Three.js animations to build a professional portfolio that showcases advanced skills.

• YouTube
• 9 hours 52 minutes
• Self-Paced
• Free Video