All Courses

Modern Three.js for Real Websites

Modern Three.js for Real Websites

Learn how to make a high-quality, 3D portfolio site that will put you a long way ahead of your competitors.

What you’ll learn

Modern Three.js for Real Websites

  • How to set up Three js and put it in your project.
  • Describe how buffer attributes work and how to decode them when they are used in an array.
  • How to use the Three js raycaster to make interactions between the mouse and the scene.
  • This video shows you how to use Three js point clouds to make a galaxy of stars.
  • How to move your 3D camera around your scene.
  • Learn how to use JavaScript event listeners to change the size of your scene.
  • How to make changes to your scene in real time with a graphical user interface (GUI).
  • In this video, I show you how to make a simple Vite server so that you can import and export modules.
  • How different shapes and materials work together to make meshes.
  • To learn how to add HTML and CSS web parts to your scene.
  • How to move your site to a development server with Netlify, like this one.
  • Your project should be able to seamlessly move between different web pages from your 3D scene. This is how you can do this.


  • Let, const, loops, arrays, functions, and classes are some of the basic things you should know about JavaScript.


If you’re interested in making a high-quality, 3D portfolio site, this course is for you. You’ll learn how to build a site that will set you apart from your competitors.

I’m a Full-Stack Engineer who has worked on the web for more than ten years. People like Harvard University, the Basketball Tournament, and Brave People have hired me to help them with their marketing.

The main goal of this course is to help you build real-world, real Three.js websites without getting lost or frustrated. The Three.js library has a lot of complicated words that confused me when I first started learning it, so I made this course to help you understand that lingo and show you how to make something you can use in the real world.

JavaScript developers who need Three.js for their next project, or who want to improve their portfolio site to get a better job, should take this course. People who work on high-quality 3D sites for you and your team will not have to feel lost or alone. They will be confident and secure.

Who this course is for:

  • All JavaScript developers who want to make their first web-based 3D scene.

Modern Three.js for Real Websites

If the links does not work, contact us we will fix them