Mô tả

PLEASE READ: This is a freemium course—the first 2 1/2 hours are free (you can watch right here on Udemy [or YouTube] with each video's "Preview" button), while the remaining 2 1/2 hours require course purchase. I've always been a big advocate of spreading the basics to as many people as possible, as I believe knowledge and personal growth are some of the best ways to better our world as a whole. Enjoy.

Welcome to the Modern Three.js for Real Websites course, where you will learn how to develop a premium quality, 3D portfolio site that'll put you leagues ahead of your competition.

My name is Christopher Lis, and I'm an award winning Full-Stack Engineer with over ten years of web development experience. I've directly worked with clients like Harvard University, The Basketball Tournament, and premium award winning agencies like Brave People.

The number one goal of this course 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 course 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 course 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.

Bạn sẽ học được gì

Yêu cầu

Nội dung khoá học

2 sections

Create an Interactive Three.js Space Landscape

19 lectures
What We're Developing
01:26
Install Three.js and Vite
15:42
Scenes, Cameras, and Renderers
06:45
Your First Mesh
08:46
The Plane Geometry
06:08
Directional Lights
02:55
Manipulating Geometries with Depth and Jaggedness
10:06
Real-Time Scene Editing with Dat.GUI
15:00
Orbit Controls and Scene Rotation
04:42
Geometry Hover Effects
30:43
Color Fade Hover Effect
07:43
Tailor Plane to Exact Dimensions
04:49
Randomized Vertex Movement
22:17
Overlay HTML and CSS On Scene
17:07
Create a Starfield
09:42
Animate Text On Initial Load
10:21
Camera Movement Transitions
10:54
Scene Responsiveness and Browser Resizing
09:46
Link to External Website When Animation Completes
04:18

Integrate Into Nuxt.js for Seamless Transitions

5 lectures
Refactor and Integrate Into Nuxt.js
29:01
Nuxt Google Fonts
13:55
Nuxt Routing Integration
09:46
Seamless Page Transitions
34:15
Deploy Nuxt with Netlify
08:58

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.