Three.js Courses and Certifications

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

• Independent
• 89-90 hours
• On-Demand
• Paid Course

Learn Three.js by Building 5 Projects

Master real-time 3D animations and effects using Three.js through hands-on projects. Create stunning visuals like Earth, wormholes, and physics simulations while learning fundamental JavaScript techniques.

• freeCodeCamp
• 1 hour 20 minutes
• On-Demand
• Free Video

Code a Virtual 3D Art Gallery - Three.js JavaScript Tutorial

Build an interactive 3D art gallery using Three.js, covering scene creation, camera setup, rendering, geometry, materials, textures, meshing, animation, controls, and real-time UI configuration with a GUI debugger.

• freeCodeCamp
• 7 hours 55 minutes
• On-Demand
• Free Video

JavaScript Tutorial with Three.js - 5 Projects for Beginners

Master JavaScript and Three.js through 5 hands-on projects: textures, 3D globe, particle effects, scroll animations, and physics simulations with interactive elements.

• freeCodeCamp
• 1 hour 25 minutes
• On-Demand
• Free Video

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
• On-Demand
• Free Video

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

1 review

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
• On-Demand
• 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
• On-Demand
• 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
• On-Demand
• 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
• On-Demand
• 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
• On-Demand
• 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
• On-Demand
• 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
• On-Demand
• 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
• On-Demand
• 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
• On-Demand
• 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
• On-Demand
• Free Video