Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Create Stunning 3D Website - Three.js & Bootstrap 5 Tutorial

via YouTube

Overview

Learn to create an impressive 3D website using Three.js and Bootstrap 5 in this comprehensive 40-minute tutorial. Explore the fundamentals of 3D web design with the popular Three.js library, combined with the latest Bootstrap 5 framework powered by Material Design for Bootstrap. Follow along as the instructor guides you through setting up the development environment, explaining Three.js basics, building 3D objects, implementing cursor-following functionality, and constructing a complete user interface. By the end of the tutorial, you'll have the skills to deploy and publish your own 3D web project online. Access provided resources including boilerplate code, final demo, and additional learning materials to enhance your understanding of Three.js and Bootstrap 5 in 2022.

Syllabus

Introduction and demo
MDB download and installation
Three.js & Bootstrap 5 boilerplate download
Boilerplate overview
Setting up basic HTML and CSS
Building 3D object
Make the object follow the cursor
Building the rest of the UI
Deploy and publish project to the internet

Taught by

Keep Coding

Reviews

Start your review of Create Stunning 3D Website - Three.js & Bootstrap 5 Tutorial

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.