Home/Deals/Programming Languages

Three.js and TypeScript

Learn Threejs, TypeScript and NodeJS to create interactive 3D content on the web.
4.6 ★★★★★16,724 studentsCreated by Sean BradleyLast updated Nov 3, 2025🌐 English

What you'll learn

Learn the Basics of Threejs with many demonstrations and example code
Setup a Development Environment using VSCode, Git and NodeJS
Install TypeScript
Create a Threejs project using NPM and package json
Learn about the VIte bundler and serving ES6 modules to the browser clients.
Create (or optionally Install) a Threejs TypeScript Boilerplate for use throughout the course
Learn about the Threejs Scene, Camera and Renderer
Learn about the Animation loop
Learn about the Stats, Dat GUI and lil-gui panels
Learn about Object3D base class, and the Rotation, Position, Scale, Visibility and Matrix properties
Learn about Geometries such as Box, Sphere, Icosahedron, Plane, TorusKnot and more
Learn about the Basic, Normal, Phong, Standard, Physical and other materials
Learn about PBR Roughness and Metalness
Learn about lighting using the Ambient, Directional, Point and Spot lights.
Learn about shadows using both the Perspective and Orthographic shadow cameras.
Learn about the Orbit, Trackball and Pointerlock mouse and touch interaction controls
Learn about loaders such as the GLTF, DRACO, OBJ, Texture, RGBE and more
Import third party glTF/glB animations
Animate using Lerp, JEasings and the Animation Mixer
Use Raycaster and how to use it for mouse picking 3D objects in the scene,
Physics with Rapier
The Rapier Debug Renderer
Understanding Shapes for Collision Detection
Provision, Deploy and Start our Threejs Projects to a Production server
Matching Blender Lighting and Environment Maps
Install Nginx Proxy, Point a Domain Name and Install SSL
And many more very useful examples of Threejs

Requirements

A Computer that you can install VSCode, Git and NodeJS
A desire to code 3D web applications in Threejs and TypeScript

Description

Frequently Asked Questions

Student Feedback

4.6
★★★★★
Course Rating
75%
15%
5%
5%
5%
S
Sarah J.
★★★★★2 weeks ago

This course was absolutely amazing! The instructor explained everything clearly and the projects were very helpful.

M
Michael T.
★★★★1 month ago

Great content, highly recommended for beginners. Just wish there were more practice exercises.

D
David K.
★★★★★2 months ago

Best course on this topic I've taken so far. Worth every penny (even better since I got it for free!).

More Courses You Might Like

Three.js and TypeScript
$9.99$119.9992% Off
🎫 Coupon
9921BA279E0CF16B97A0
REDEEM COUPON
30-Day Money-Back Guarantee
This course includes:
  • 📺 8h 30m on-demand video
  • 📱 Access on mobile and TV
  • ♾️ Full lifetime access
  • 🏆 Certificate of completion