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

YouTube

Build and Deploy an Apple Website with React - Beginner Three.js and GSAP Tutorial

JavaScript Mastery via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn to build a professional Apple-inspired website using React, Three.js, GSAP, and TailwindCSS in this comprehensive 2-hour and 22-minute tutorial. Master the creation of stunning 3D product scenes, smooth scroll animations, pinned sections, and fully responsive design patterns that mirror Apple's sleek aesthetic. Start with hosting setup and app configuration, then progress through building essential components including navigation bars, hero sections, and interactive product views. Dive deep into 3D model rendering techniques, lighting systems, and dynamic model switching functionality using Three.js. Implement advanced animations with GSAP to create engaging showcase sections, performance displays, and feature presentations. Complete the project by constructing highlight sections and footers before deploying your finished website. Gain hands-on experience with modern web development tools and techniques while building a portfolio-worthy project that demonstrates proficiency in React development, 3D web graphics, and professional UI/UX design principles.

Syllabus

00:00:00 — Introduction
00:03:10 — Hosting Setup
00:06:03 — App Setup
00:14:39 — NavBar
00:24:16 — Hero Section
00:29:01 — Product View
00:42:26 — Model Rendering
00:49:11 — Lights
00:54:28 — Model Switch
01:16:35 — Showcase Section
01:34:14 — Performance Section
01:48:42 — Features Section
02:06:12 — Highlights Section
02:12:45 — Footer
02:19:00 — Deployment

Taught by

JavaScript Mastery

Reviews

Start your review of Build and Deploy an Apple Website with React - Beginner Three.js and GSAP 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.