Modern Three.Js For Real Websites

Learn to develop a premium quality, 3D portfolio site that’ll put you leagues ahead of your competition
What you’ll learn

How to install Three js and import it into your project
How buffer attributes work and how to decode them within arrays
How to use the Three js raycaster to create mouse-to-scene interactions
How to use Three js point clouds to create a galaxy of stars
How to traverse your scene with 3D camera movement
How to resize your scene using JavaScript event listeners
How to edit your scene realtime using a graphical user interface (GUI)
How to set up a simple Vite server for importing and exporting modules
How geometries and materials work together to form meshes
How to add HTML and CSS web elements to your scene
How to launch your site to a Netlify development server
How to integrate your project into a framework (Nuxt js) so you can seamlessly transition to different web pages from your 3D scene
Requirements

Basic JavaScript knowledge, you should be familiar with let, const, loops, arrays, functions, and classes
Description
Welcome to the Modern Three.js for Real Websites video, where you will learn how to develop a premium quality, 3D portfolio site that’ll put you leagues ahead of your competition.


The number one goal of this video is to get you developing real-world, actual Three.js websites without feeling lost or frustrated. The Three.js library consists of many complex terms that absolutely flustered me when I first started learning it, so I made this video to demystify that lingo and guide you through the development of something you can actually use in a real-world scenario.

Here you’ll learn everything from:

– Three.js installation

– Scene setup

– Programmatic geometry alterations

– 3D hover effects

– GUIs

– HTML and Three.js Integration

– Scene responsiveness

– Single page app integration

– Deployment

And so much more.

If you’re a JavaScript developer who needs Three.js for their next client project, or you’re looking to enhance your portfolio site to obtain a better job, then this video is absolutely for you. You won’t feel lost, you won’t feel alone, you’ll feel confident and secure when developing premium-level 3D sites for you and your team.

Who this video is for:
All levels of JavaScript developers looking to create their first web-based 3D scene