Giới Thiệu Khóa Học Tìm Hiểu Three.js, React Three Fiber, Drei, React Spring & v.v ! [Mã - 6939 A]

 Tìm hiểu mọi thứ bạn cần để xây dựng các Website sống động và sáng tạo bằng cách sử dụng Three JS và React.

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

✓ Cách cài đặt thư viện ThreeJs và import nó vào dự án của bạn.

✓ Tìm hiểu cơ bản về ThreeJs với nhiều phần demo và code mẩu.

✓ Tìm hiểu về ThreeJs Scene, Camera và Renderer.

✓ Tạo scene đầu tiên của bạn trong ThreeJs.

✓ Cách move và animate các Object.

✓ Tìm hiểu về Webpack, NodeJs và cung cấp các module ES6 cho browser client.

✓ Tìm hiểu về Geometries như Box, Sphere, Plane, Torus, TorusKnot và hơn thế nữa.

✓ Tìm hiểu về Basic, Normal, Lambert, Phong, Standard, Matcap và các material khác.

✓ Chúng ta cũng sẽ tìm hiểu cách tạo một Scene tuyệt đẹp bằng cách sử dụng Particles.

✓ Tìm hiểu React Basic và các hooks như useState, useEffect, useRef, v.v.

✓ Tìm hiểu ý nghĩa của JSX.

✓ Bạn cũng sẽ tìm hiểu về React Rules, Styles, v.v.

✓ Sẽ mang mọi thứ chúng tôi đã làm cho đến nay trong native threejs vào môi trường react dưới cái gọi là React Three Fiber.

✓ Rất nhiều Drei component sẽ được đề cập.

✓ Tìm hiểu cách animate cho mọi thứ trong khi scrolling.

✓ Cách add sound vào project.

✓ Shader Materials.

✓ Chúng ta sẽ tìm hiểu một thư viện animation tên là React Spring.

✓ React Post Processing

✓ Và nhiều hơn nữa...!

Chào mừng bạn đến với khóa học của tôi về React Three Fiber, nơi bạn sẽ học cách xây dựng các website 3D sống động và sáng tạo bằng Three.js và React.

Trong khóa học này, bạn sẽ tìm hiểu tất cả về Three.js và một số kiến ​​thức cơ bản về React để bạn có thể tạo các website 3D trong thư viện có tên React Three Fiber.

Khóa học này gồm có 6 phần chính:

✓ 1. Three.Js Refresher: Một số bài học từ khóa học three.js của tôi sẽ được review lại, để bạn có thể hiểu những gì sẽ được giải thích sau.

✓ 2. React: Một số kiến ​​thức cơ bản về React sẽ được giải thích vì khóa học này chủ yếu là về viết code React.

✓ 3. React Three Fiber: Đây là nơi khóa học thực sự bắt đầu, nơi bạn sẽ học cách viết và kết hợp Three.js với React.

✓ 4. React Three Drei: React nói về việc xây dựng các reusable component. Chúng tôi sẽ đề cập đến rất nhiều component mà Drei có.

✓ 5. React Spring: Chúng tôi sẽ tìm hiểu thư viện animation dựa trên physics để làm cho trang web của bạn trông đẹp hơn.

✓ 6. React Post-Processing: Post-processing là các filter sẽ tăng thêm vẻ đẹp cho scene.

Tất cả các code được cung cấp trong thư mục resources, nơi bạn có thể tìm thấy thư mục Startup là code ở đầu bài giảng và thư mục Last Code là code được viết sau khi chúng ta kết thúc bài học.

Nếu bạn gặp bất kỳ câu hỏi nào liên quan đến một bài học cụ thể, tôi hy vọng rằng bạn sẽ đặt câu hỏi trong phần questions. Tôi sẽ trả lời tất cả các câu hỏi, vì vậy đừng ngại hỏi bất kỳ câu hỏi nào.

Mục lục:

✓ 1. Three.Js Refresher.

✓ 2. React.

✓ 3. React Three Fiber.

✓ 4. React Three Drei.

✓ 5. React Spring.

✓ 6. React Post-Processing.

Khóa học này dành cho ai:

✓ Các Web developer mới bắt đầu muốn tìm hiểu về ThreeJs và React Three Fiber.

✓ Các Front end developer muốn tìm hiểu về các khái niệm ThreeJs và React Three Fiber.

✓ Các Web developer muốn tạo các website 3D sống động và sáng tạo.