YoVDO

Build and Deploy a 3D Portfolio with React.js and Three.js - Beginner Tutorial

Offered By: JavaScript Mastery via YouTube

Tags

Three.js Courses Javascript Courses HTML Courses Web Hosting Courses Vite Courses React Three Fiber Courses

Course Description

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Embark on a comprehensive journey to master 3D website creation using Three.js in this beginner-friendly tutorial. Learn the fundamentals of Three.js, React Three Fiber, and Drei while building an impressive 3D portfolio from scratch. Explore practical demonstrations covering HTML and Vite setup, create engaging UI components like a navbar and hero section, and implement advanced features such as a bento grid and project showcase. Dive into client management, contact forms, and work experience displays. Gain hands-on experience with hosting setup and deployment processes. By the end of this tutorial, acquire the skills to develop and deploy a stunning 3D portfolio that will make your work stand out in the competitive web development landscape.

Syllabus

— Intro
— Theory
— Practical Demo - HTML, Vite
— React Three Fiber and Drei
— Hosting Setup
— Project Setup
— Navbar
— Hero Section
— Bento Grid
— Projects Section
— Clients Section
— Contact Section
— Footer
— Work Experience
— Deployment


Taught by

JavaScript Mastery

Related Courses

Programming Languages
University of Virginia via Udacity
Building a Basic Website
University of Massachusetts Amherst via Independent
iDESWEB, Introducción al desarrollo web
Miríadax
Web Engineering II: Developing Mobile HTML5 Apps
Technische Hochschule Mittelhessen via iversity
Web Application Architectures
University of New Mexico via Coursera