
Phát triển web 3D tương tác học bằng React Three Fiber (R3F)
taejaehan
React và Three.js cùng một lúc! Từ cơ bản về 3D đến các dự án có thể áp dụng vào thực tế và cả những mẹo tối ưu hóa!
Cơ bản
Interactive Web, react-three-fiber, Three.js
Bạn có thể củng cố nền tảng React vững chắc cùng với cú pháp cơ bản của Javascript và CSS.
19,703 học viên
Độ khó Nhập môn
Thời gian Không giới hạn


Đánh giá từ những học viên đầu tiên
5.0
hek33kr
Tôi là một nhà phát triển làm việc trong Swift. Tôi bắt đầu học mà không biết gì cả, và bây giờ tôi đang học React. Vì tôi không biết nhiều về JS hoặc web nên tôi nghĩ sẽ rất tốt nếu bắt đầu từ những điều cơ bản, vì vậy tôi đã tham gia khóa học này. Khóa học này có cấu trúc tốt với nội dung cần thiết và thật thú vị khi thấy mã có sự khác biệt. từ phong cách mã hóa của tôi. Tôi rất thích bài giảng. Cảm ơn bạn!
5.0
yrrrrrrrr
Đây là một bài giảng tôi tình cờ học được và tôi yêu thích nó! Nếu bạn chưa quen với React, sẽ rất tuyệt nếu bạn tham gia khóa học với kiến thức cơ bản về HTML, CSS và JavaScript. Có nhiều ưu điểm, nhưng trong số đó, 1) giải thích rõ ràng và rõ ràng, 2) xem xét nội dung khóa học dựa trên thực hành và 3) khả năng giảng dạy. Tôi đã thử tham gia một số khóa học, nhưng đây là khóa học đầu tiên tôi thực hiện một cách nghiêm túc như vậy! Tôi nghĩ sẽ thật tuyệt nếu có React, thứ mà tôi đã thấy từ lâu rồi... Haha. Cảm ơn bạn rất nhiều vì bài giảng tuyệt vời. Tôi chắc chắn sẽ nghe nó nếu bạn mở một bài giảng mới trong tương lai. ! Nếu bạn chưa nghe nó, tôi thực sự khuyên bạn nên nghe nó.
5.0
chayuna91
Tôi đang nghe một bài giảng đọc tài liệu chính thống trong một bài giảng f-mo, nhưng nó quá dài, quá khó hiểu và tôi đã bỏ cuộc. Khi xem qua các bài giảng về React, tôi thấy một bài giảng giống như một viên ngọc quý. . Cái này miễn phí... Cái này miễn phí...! Tôi rất ấn tượng bởi khả năng giảng dạy có thể tiếp cận nó một cách dễ dàng và thân thiện như vậy. Thành phần bungeoppang dễ thương quá Jjangjjangman Nó không cần quá nhiều sự chú ý và chỉ đánh vào những điểm chính. Cảm ơn bạn đã tiết kiệm thời gian cho tôi. Bài giảng này là một phiên bản thực hành sống động của tài liệu chính thức. Ngay cả khi nói trong bụng, cách phát âm vẫn chính xác đến mức bạn có thể nghe rõ mà không bị bóp nghẹt.
Cú pháp cơ bản của JavaScript
Cú pháp cơ bản của CSS
Nắm vững kiến thức cơ bản về React
Phát triển ứng dụng web thông qua dự án mini
Với tài liệu bài giảng gọn gàng và giải thích chi tiết
Đây là khóa học React dễ học. 👨🏫
React là thư viện UI JavaScript nguồn mở được Meta tạo ra.
Hiện nay, đây là công nghệ được sử dụng rộng rãi nhất trong phát triển ứng dụng web.
Nó có nhiều ưu điểm như cập nhật nhanh, tốc độ kết xuất và cấu trúc dựa trên thành phần.
Để bạn cũng có thể xem các bài giảng dưới dạng sách
Nội dung bài giảng được trình bày đầy đủ trong sách.
Đọc sách cùng với các bài giảng video
Hãy khám phá thế giới của React!
🌟 Bài giảng nổi tiếng 🌟
Chúng tôi sẽ trả lời mọi câu hỏi bạn có thể gặp phải trong khi phát triển React ngay cả sau khi đã học hết tất cả các bài giảng.
Bạn có thể thoải mái đặt câu hỏi bất cứ lúc nào trên FrontOverflow, cổng thông tin kiến thức front-end do công ty chia sẻ kiến thức Sopl tạo ra!
Về ngữ pháp cơ bản của JS
Tôi có thể hiểu!
CSS thường được sử dụng
Tôi có thể hiểu!
Những điều cơ bản của React
Bạn có thể chặt nó thật chặt!
Kinh nghiệm trong các dự án thực tế
Bạn có thể xếp chồng chúng lên nhau.
Phần 0 [Chuẩn bị]
Phần 1, 2 [Giới thiệu về React, Bắt đầu]
Mục 3 [JSX]
Phần 4 [Các thành phần kết xuất]
Mục 5 [Thành phần và Đạo cụ]
Mục 6 [Trạng thái và Vòng đời]
Mục 7 [Móc]
Mục 8 [Xử lý sự kiện]
Mục 9 [Kết xuất có điều kiện]
Mục 10 [Danh sách và Khóa]
Mục 11 [Biểu mẫu]
Mục 12 [Nâng Nhà Nước Lên]
Mục 13 [Thành phần so với Thừa kế]
Mục 14 [Bối cảnh]
Mục 15 [Kiểu dáng]
Mục 16 [Dự án nhỏ]
H. Đây có phải là bài giảng mà tôi có thể tham gia ngay cả khi tôi không biết nhiều về JavaScript không?
Có. Ngay cả khi bạn không biết nhiều về JavaScript, bạn vẫn có thể nghe bài giảng vì nó giải thích ngữ pháp cơ bản.
H. Đây có phải là bài giảng mà tôi có thể tham gia ngay cả khi tôi không biết nhiều về CSS không?
Có, bạn có thể tham gia khóa học ngay cả khi bạn không biết nhiều về nó, vì nó bao gồm các thuộc tính tiêu biểu của CSS.
H. Học React có lợi ích gì?
React cho phép tôi phát triển các ứng dụng web theo cách tôi muốn.
Bài 3 đến 15. Thực hành mã nguồn
Mã nguồn React v17
https://github.com/soaple/first-met-react-practice
Mã nguồn React v18
https://github.com/soaple/first-met-react-practice-v18
Vòng 16. Mã nguồn blog nhỏ
Khóa học này dành cho ai?
Những ai quan tâm đến phát triển ứng dụng web
Người mới bắt đầu làm quen với React
Xin chào, tôi là Soaple.
Kể từ tháng 3 năm 2025, tôi sẽ kết thúc hoạt động chia sẻ kiến thức trên Inflearn và bắt đầu một hành trình mới.
Từ nay về sau, bạn có thể tìm thấy các bài giảng và nội dung của tôi tại trang web dưới đây.
Cổng thông tin kiến thức Frontend được tạo bởi Soaple - FrontOverflow
Tất cả
0 bài giảng
Tất cả
462 đánh giá
4.8
462 đánh giá
Đánh giá 1
∙
Đánh giá trung bình 5.0
5
Đây là một bài giảng tôi tình cờ học được và tôi yêu thích nó! Nếu bạn chưa quen với React, sẽ rất tuyệt nếu bạn tham gia khóa học với kiến thức cơ bản về HTML, CSS và JavaScript. Có nhiều ưu điểm, nhưng trong số đó, 1) giải thích rõ ràng và rõ ràng, 2) xem xét nội dung khóa học dựa trên thực hành và 3) khả năng giảng dạy. Tôi đã thử tham gia một số khóa học, nhưng đây là khóa học đầu tiên tôi thực hiện một cách nghiêm túc như vậy! Tôi nghĩ sẽ thật tuyệt nếu có React, thứ mà tôi đã thấy từ lâu rồi... Haha. Cảm ơn bạn rất nhiều vì bài giảng tuyệt vời. Tôi chắc chắn sẽ nghe nó nếu bạn mở một bài giảng mới trong tương lai. ! Nếu bạn chưa nghe nó, tôi thực sự khuyên bạn nên nghe nó.
yrrrrrrrr, cảm ơn bạn đã để lại đánh giá. Tôi rất tự hào vì bạn thấy bài giảng của tôi rất phù hợp. Tôi không biết khi nào nó sẽ diễn ra, nhưng xin hãy chờ đợi bài giảng tiếp theo. Chúng tôi hy vọng bạn tiếp tục vui vẻ khi phát triển React!
Đánh giá 1
∙
Đánh giá trung bình 5.0
5
Hiện tại đã có khoảng 20% học sinh đăng ký! Trước đây, khi làm một dự án web với React, tôi học một mình, cảm giác như đang bắt đầu lại từ đầu. Điều đó thật khó khăn và có rất nhiều điều tôi không hiểu. Sau đó, khi tôi định đảm nhận mảng web khi gia nhập công ty, tôi bắt đầu học lại và tình cờ xem được các bài giảng. Kỹ năng giảng dạy của anh ấy tuyệt vời đến mức mọi người nói: "Đây là khóa học miễn phí..?" Bài giảng hay quá không hiểu sao bây giờ tôi mới xem!
Gibbon, cảm ơn bạn đã để lại đánh giá. Tôi rất tự hào vì bài giảng của tôi đã giúp bạn hiểu React, điều mà trước đây bạn thấy khó, giờ đã dễ dàng hơn một chút. Tôi hy vọng bạn hoàn thành các bài giảng còn lại và nếu có thắc mắc gì trong suốt khóa học, vui lòng để lại câu hỏi bất cứ lúc nào!
Đánh giá 1
∙
Đánh giá trung bình 5.0
5
Tôi là một nhà phát triển làm việc trong Swift. Tôi bắt đầu học mà không biết gì cả, và bây giờ tôi đang học React. Vì tôi không biết nhiều về JS hoặc web nên tôi nghĩ sẽ rất tốt nếu bắt đầu từ những điều cơ bản, vì vậy tôi đã tham gia khóa học này. Khóa học này có cấu trúc tốt với nội dung cần thiết và thật thú vị khi thấy mã có sự khác biệt. từ phong cách mã hóa của tôi. Tôi rất thích bài giảng. Cảm ơn bạn!
Cảm ơn hek33kr đã để lại đánh giá. Tôi rất vui vì bài giảng của tôi hữu ích! Chúng tôi hy vọng bạn tiếp tục vui vẻ khi phát triển React!
Đánh giá 1
∙
Đánh giá trung bình 5.0
5
Tôi đang nghe một bài giảng đọc tài liệu chính thống trong một bài giảng f-mo, nhưng nó quá dài, quá khó hiểu và tôi đã bỏ cuộc. Khi xem qua các bài giảng về React, tôi thấy một bài giảng giống như một viên ngọc quý. . Cái này miễn phí... Cái này miễn phí...! Tôi rất ấn tượng bởi khả năng giảng dạy có thể tiếp cận nó một cách dễ dàng và thân thiện như vậy. Thành phần bungeoppang dễ thương quá Jjangjjangman Nó không cần quá nhiều sự chú ý và chỉ đánh vào những điểm chính. Cảm ơn bạn đã tiết kiệm thời gian cho tôi. Bài giảng này là một phiên bản thực hành sống động của tài liệu chính thức. Ngay cả khi nói trong bụng, cách phát âm vẫn chính xác đến mức bạn có thể nghe rõ mà không bị bóp nghẹt.
Chayuna91, cảm ơn bạn đã để lại đánh giá. Tôi đã cố gắng hết sức để giải thích nó một cách đơn giản nhất có thể, và tôi tự hào và biết ơn vì bạn đã nhận ra điều đó. Chúng tôi đã loại bỏ càng nhiều nội dung khó càng tốt và chỉ tập trung vào việc củng cố những kiến thức cơ bản về React, vì vậy nếu bạn nghe kỹ bài giảng, bạn sẽ có thể tiến gần hơn đến React! Cảm ơn bạn đã thích hình minh họa Bungeoppan được vẽ từng bước một~ Chúc bạn học tập vui vẻ!
Đánh giá 42
∙
Đánh giá trung bình 4.9
5
Giao tiếp giữa câu hỏi và câu trả lời không được suôn sẻ.
Cảm ơn bạn, Yongwon Choi, đã để lại đánh giá. Cho đến nay, không có câu hỏi nào tôi chưa trả lời, vì vậy nếu bạn gửi cho tôi liên kết đến câu hỏi của bạn, tôi sẽ kiểm tra và trả lời nó!
Khám phá các khóa học khác trong cùng lĩnh vực!