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

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
• 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

Learn Three.js

Explore 3D web graphics with Three.js, covering basic concepts, geometries, materials, textures, sprites, particles, and 3D model importing for creating interactive web-based 3D scenes.

• Independent
• 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

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

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

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

Chart JS

Three.js Tutorial Series - Creating Animated 3D and 2D Objects

Explore Three.js to create animated 3D and 2D objects, starting with basic shapes and progressing to advanced geometry, camera positioning, and mesh rotation techniques.

• YouTube
• 1 hour 4 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

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

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

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