React và Three.js cùng một lúc! Từ cơ bản 3D đến dự án có thể sử dụng trong công việc thực tế và cả mẹo tối ưu hóa!
259 học viên
Bạn sẽ được học về những điều cơ bản của web 3D
Học React và Three/js cùng một lúc! Học R3F (react-three/fiber)
Bài giảng giúp bạn hiểu, ứng dụng thông qua nhiều ví dụ khác nhau và tạo ra sản phẩm của riêng bạn.
Một bài giảng mà bạn có thể học và trau dồi kỹ năng bằng cách trực tiếp cùng nhau code từng chút một.
Khóa học nắm vững các khái niệm 3D để trở thành nhà phát triển nổi bật
Học R3F stack mà bạn không thể tìm thấy ở bất cứ đâu, hiện thực hóa web 3D dễ dàng và thú vị hơn
Mẹo thực tế và phương pháp tối ưu hóa từ trưởng nhóm phát triển hiện tại
Bởi các ngành công nghiệp như metaverse, XR(VR, AR), game web(HTML5), blockchain, v.v.
Nhu cầu về nội dung web 2D/3D với tương tác ấn tượng đang tăng mạnh.
Ngoài ra, nhu cầu về lập trình viên frontend + kỹ sư đồ họa web trong thị trường việc làm cũng đang tăng mạnh.
Nhu cầu về các trang web 2D/3D có tương tác phong phú thay vì chỉ là những trang web đơn giản sẽ tiếp tục tồn tại.
Tuy nhiên, có rất nhiều khóa học 3D dành cho nhà phát triển game và nhà phát triển Unity, nhưng các khóa học về 3D web lại quá thiếu.
Bạn sẽ học về R3F (React Three Fiber), nơi bạn có thể học và thành thạo React và Three.js cùng một lúc.
Hãy tạo website 3D dễ dàng và thú vị hơn với việc học R3F stack mà bạn không thể tìm thấy ở đâu khác!
Hiểu rõ ràng khi so sánh với trường quay thực tế và bối cảnh tạo hoạt hình!
Giải thích lý thuyết về môi trường web 3D giống hệt như môi trường thực tế!
< Hình học, Vật liệu >
Các đối tượng có hình dạng đa dạng, chất liệu và cả ánh sáng, bóng đổ!
.gif)
Các dự án có thể sử dụng ngay trong thực tế, và cả những mẹo tối ưu hóa nữa!
DEMO : https://ecommerce.taejaehan.com/
Q. Tôi là người mới bắt đầu hoàn toàn, không chuyên ngành. Tôi muốn nghe khóa học này, liệu người không chuyên như tôi có thể hiểu được khi nghe khóa học không?
A. Xin chào! Theo tôi nghĩ, nếu người không chuyên đã biết những kiến thức cơ bản về javascript thì việc theo dõi khóa học sẽ không có vấn đề gì cả. Nếu bạn chưa biết javascript thì có thể sẽ hơi khó khăn ở phần cuối. Tuy nhiên điều này cũng tùy thuộc vào từng người, tôi đã thấy có những bạn tự tìm hiểu những phần không biết thông qua các khóa học miễn phí khác hoặc tìm kiếm trên Google. Nếu có phần nào không hiểu, đừng ngần ngại mà hãy thoải mái đặt câu hỏi nhé!
Q. Có cần chuẩn bị gì trước khi tham gia khóa học không?
A. Điều bạn cần chuẩn bị trước là một chiếc máy tính (Mac hoặc Windows) để có thể thực hành theo trong khi nghe giảng. Tất cả các công cụ cần thiết khác đều có thể tải xuống miễn phí từ internet như Chrome, vscode, npm, blender, v.v. Và chúng tôi đang chuẩn bị để bạn có thể tải xuống tất cả tài liệu cần thiết, tài nguyên và mã code được sử dụng trong bài giảng.
Q. Tại sao phải học React Three Fiber(R3F)?
A. Hiện tại có thể nói React đang là xu hướng chủ đạo trong phát triển web. Tuy nhiên, tôi nghĩ chỉ với React thôi thì không thể tạo ra sự khác biệt so với người khác. Vì vậy, nếu trang bị thêm vũ khí là web 3D - thứ đang phát triển mạnh mẽ hiện tại và sẽ tiếp tục phát triển trong tương lai, tôi tin rằng bạn có thể tạo ra lộ trình riêng biệt và khác biệt so với người khác! Ngoài ra, do các ngành công nghiệp như metaverse, XR(VR, AR), game web(HTML5), blockchain, nhu cầu về nội dung web 2D/3D có tương tác hấp dẫn đang tăng vọt. Vì vậy, nhu cầu về các trang web 2D/3D có tương tác hấp dẫn thay vì chỉ là những trang web đơn giản sẽ tiếp tục duy trì. Theo đó, nhu cầu về các nhà phát triển web 3D cũng đang ngày càng tăng. Hãy cùng tạo ra những trang web nổi bật, khác biệt so với người khác nhé!
Xin chào. Tôi là Han Tae Jae, kỹ sư đồ họa web với 10 năm kinh nghiệm. Về cơ bản tôi là một full-stack developer nhưng tập trung vào công việc frontend :)
Tôi đã phát triển frontend sử dụng các framework như Angular, React. Tuy nhiên, công việc tôi yêu thích nhất vẫn là các dự án xử lý đồ họa 2D/3D Canvas trên web (HTML5) với Threejs, WebGL, D3js, Pixi.js. Tôi đầy đam mê với việc tạo ra những nội dung web tương tác mang đến trải nghiệm người dùng (UX) mới mẻ và sáng tạo. Hãy cùng tạo ra những dự án thú vị nhé!
Khóa học này dành cho ai?
Nếu bạn có kiến thức cơ bản về JavaScript thì có thể làm được.
Bạn có kiến thức cơ bản về React thì tốt, nhưng không có cũng không sao.
Cần biết trước khi bắt đầu?
Javascript
326
Học viên
20
Đánh giá
10
Trả lời
5.0
Xếp hạng
2
Các khóa học
안녕하세요. 10년차 웹 그래픽 엔지니어 한태재입니다. 저는 기본적으로 풀스택 개발자이지만 프론트앤드에 집중하여 작업합니다 :)
저는 Angular, React등의 프레임워크를 사용해 프론트엔드 개발을 해왔습니다. 하지만 역시 가장 좋아하는 작업은 Threejs, WebGL, D3js , Pixi.js 등 웹(HTML5)에서 2D/3D Canvas 그래픽스를 다루는 프로젝트들 입니다.
저는 새롭고 창의적인 유저경험(UX)를 만드는 인터렉티브한 웹 컨텐츠에 대한 열정이 가득합니다. 같이 재미있는 프로젝트 만들어봐요 !
10년차 인터렉티브 3D 프론트엔드 개발자
-(현) 네오위즈 - HTML5 게임 개발자
-(현) 모두의연구소 - Generative art 랩장
-위메이드 - Defi Frontend 개발 팀장
-다비오 - Three.js 개발 팀장
-Dmajor - 시니어 프론트엔드 개발자
-모두의연구소 - Interactiver art of web 랩장
-Addpac - 쥬니어 프론트엔드 개발자
-NHN 네이버 재팬 - UX/UI 디자이너
-매드맨포스트 - CG Effect Artist
-국민대 - 공업디자인 전공
Tất cả
63 bài giảng ∙ (10giờ 1phút)
Tài liệu khóa học:
Tất cả
17 đánh giá
5.0
17 đánh giá
Đánh giá 6
∙
Đánh giá trung bình 5.0
Đánh giá 2
∙
Đánh giá trung bình 5.0
5
At first, I saw the instructor on YouTube and registered for the lecture, and I think it was a good decision. I like that he explains things in detail. I like that he tries to provide various materials and examples so that it's easy to understand. In addition to the examples, he explains how to make other things by looking at the official documentation, which is also good. He gives you fish, but how to catch the fish yourself? It's good that he also explains the method... haha. However, there are times when he cuts off in the middle or makes you think "hmm~", so the lecture seems a little awkward, but that doesn't bother me. Cheer up! Thank you!
Đánh giá 1
∙
Đánh giá trung bình 5.0
5
I've always been interested in 3D, but I'm starting to get the hang of it as I follow along. I think I can make a lot of fun things. Thank you for the great lecture!
Thank you, Imha, for the great review and good evaluation! I'm glad you're starting to get the hang of it. If you have any questions, feel free to leave them :>
Đánh giá 2
∙
Đánh giá trung bình 5.0
5
It's good because you explain each concept calmly. It's good for creating basic concepts of web 3D.
Thank you, Ki-chang, for your kind review! I will work hard to do better!
Đánh giá 1
∙
Đánh giá trung bình 5.0
2.775.630 ₫
Hãy khám phá các khóa học khác của giảng viên!
Khám phá các khóa học khác trong cùng lĩnh vực!
![[JavaScript GUI Development #1] Timer App with Electron + React (+ Zustand)강의 썸네일](https://cdn.inflearn.com/public/files/courses/336817/cover/01jwx9ttbwnetdsbt5qrxgxb3x?f=avif&w=420)
![[Renewal] Creating NodeBird SNS with React강의 썸네일](https://cdn.inflearn.com/public/course-325637-cover/d5fd6216-71d1-490e-8759-594cbbdc1973?f=avif&w=420)
![[Code Factory] [Beginner] NestJS REST API Backend Complete Conquest Master Class - NestJS Core강의 썸네일](https://cdn.inflearn.com/public/courses/331985/cover/f0501069-2139-4112-aafa-a9b3a2932860/331985-eng.png?f=avif&w=420)
