강의

멘토링

커뮤니티

Programming

/

Full-stack

Dịch vụ bài viết quả địa cầu 3D được tạo bằng ThreeJS và SpringAI

Dịch vụ bài viết quả địa cầu 3D được tạo bằng ThreeJS và SpringAI | Neo + Essential Hãy tạo dịch vụ bài viết quả địa cầu 3D thông qua chatbot của riêng bạn và ThreeJS!

(5.0) 9 đánh giá

42 học viên

Độ khó Cơ bản

Thời gian Không giới hạn

  • Neo
  • Essential
React
React
Kotlin
Kotlin
Spring Boot
Spring Boot
Three.js
Three.js
SpringAI
SpringAI
React
React
Kotlin
Kotlin
Spring Boot
Spring Boot
Three.js
Three.js
SpringAI
SpringAI

Đánh giá từ những học viên đầu tiên

Đánh giá từ những học viên đầu tiên

5.0

5.0

HelloWorld

100% đã tham gia

Thật thú vị.

5.0

DKN

100% đã tham gia

Đây là một khóa học tuyệt vời, thật tốt khi có thể trải nghiệm những dự án thú vị thông qua thực hành hơn là lý thuyết. Tôi có thể thử nhiều cách khác nhau bằng cách sử dụng những ý tưởng này. Cảm ơn bạn.

5.0

Essential

31% đã tham gia

Khi tham gia khóa học, bạn có thể học được cả phát triển fullstack và công nghệ 3D. Nếu bạn muốn học một stack công nghệ web đặc biệt và trải nghiệm dự án mới không chỉ là CRUD đơn giản, tôi khuyên bạn nên tham gia khóa học này.

Bạn sẽ nhận được điều này sau khi học.

  • Bạn có thể trải nghiệm tương tác 3D bằng cách sử dụng Three.js

  • Bạn có thể xây dựng chatbot AI với Spring Boot + Spring AI

  • Bạn có thể trải nghiệm xây dựng dịch vụ tích hợp giữa frontend 3D và backend

Dịch vụ bài viết trên quả địa cầu 3D được tạo bằng ThreeJS và SpringAI

React, Kotlin, Spring Boot, Three.js, SpringAI

🌎 Tại sao lại là dịch vụ bài viết trên quả địa cầu 3D?

Một ngày nọ, tôi đã cảm thấy hứng thú sâu sắc với việc tạo ra một dạng dịch vụ web mới bằng cách kết hợp công nghệ AI và 3D.
Tôi tin chắc rằng nếu các bạn có trải nghiệm xây dựng dịch vụ bản đồ 3D dựa trên Three.js trong dự án thực tế và xây dựng hệ thống tương tác với người dùng cũng như trực quan hóa trên không gian 3D bằng cách sử dụng Spring Boot + OpenAI API (Spring AI), đây sẽ là một trải nghiệm độc đáo, và tôi đã quyết định lên kế hoạch và sản xuất khóa học này.

"Nếu thể hiện nội dung do AI tạo ra một cách trực quan trong không gian 3D thì sao?" Tôi hy vọng khóa học bắt đầu từ câu hỏi này
sẽ trở thành một trải nghiệm đặc biệt mà các bạn lần đầu tiên được trải nghiệm khi tham gia.

Khóa học hướng đến sự phát triển thông qua trải nghiệm thực chiến hơn là lý thuyết!

Video trình diễn website mẫu có thể triển khai thông qua khóa học

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

🤔

Tôi muốn sử dụng ThreeJS + 3D

Bạn có thể trải nghiệm ThreeJS trong khi phát triển frontend!

😆

Tôi muốn thử một dự án thú vị mà người khác chưa từng làm

Dự án thú vị đầu tiên được công bố trên Inflearn
của riêng bạn.

😎

Tôi tò mò về phát triển dịch vụ web 3D + SpringAI

SpringAI + 3D
Khóa học bao gồm cả web và server.

Sau khi hoàn thành khóa học

  • Bạn có thể trải nghiệm tương tác 3D bằng cách sử dụng Three.js.

  • Bạn có thể triển khai chatbot AI với Spring Boot + Spring AI.

  • Bạn có thể trải nghiệm xây dựng dịch vụ tích hợp frontend 3D và backend.

  • Bạn có thể trải nghiệm một dự án độc đáo mà người khác chưa từng thử, không phải là dự án CRUD thông thường.

Đặc điểm của khóa học này

Hãy giới thiệu các đặc điểm cốt lõi và điểm khác biệt.

스크린샷 2025-11-03 오전 12.09.24

ThreeJS + Mô hình 3D + Tích hợp API

Khóa học này đã bao gồm tất cả những điều trên.

Theo dõi dự án bài viết quả địa cầu

ThreeJS + Sử dụng mô hình 3D + API

Hãy học kinh nghiệm ứng dụng!

Springboot + SpringAI With Kotlin

Bạn có thể phát triển Springboot + SpringAI trong môi trường Kotlin, đồng thời trải nghiệm việc tích hợp với frontend và lưu trữ file.

Bạn sẽ học được những nội dung này

🌍 Triển khai quả địa cầu 3D với Three.js

  • Xây dựng website 3D có thể xoay, phóng to và thu nhỏ như quả địa cầu thật

  • Xử lý tương tác hiển thị bài viết theo vị trí được nhấp

🤖 Triển khai tính năng tạo và tóm tắt bài viết AI sử dụng Spring AI

  • Tự động tạo nội dung tùy chỉnh cho người dùng thông qua tích hợp OpenAI API

  • Học logic xử lý phản hồi AI và kỹ thuật prompt engineering

🔗 Tích hợp Frontend (Three.js) và Backend (Spring Boot)

  • Liên kết dữ liệu thời gian thực giữa bản đồ 3D và server thông qua REST API

  • Phản ánh trực quan kết quả phản hồi AI vào môi trường 3D


🧩 Trải nghiệm phát triển dịch vụ full-stack

  • Thiết kế cấu trúc nền tảng nội dung dựa trên AI

  • Kinh nghiệm phát triển dịch vụ fullstack

🚀 Mục tiêu của khóa học này là gì??

Khóa học này không chỉ đơn thuần là học công nghệ.
Bạn sẽ trải nghiệm qua các ví dụ thực tế quá trình AI và công nghệ 3D kết hợp để phát triển thành một dịch vụ hoàn chỉnh..

Sau khi hoàn thành khóa học, bạn sẽ
👉 Có trải nghiệm trực tiếp xây dựng chatbot AI của riêng mình và
👉 Dịch vụ bài viết tương tác dựa trên 3D
!

Tin tưởng và theo dõi Neo + Essential
Khóa học hợp tác giữa hai giảng viên với điểm đánh giá khóa học 5.0, điểm đánh giá giảng viên 4.7+ - Khóa học hợp tác của các chuyên gia chia sẻ kiến thức Inflearn

  • Khóa học phát triển Backend + Frontend được tạo ra bởi nhà phát triển server của công ty game nổi tiếng và nhà phát triển fullstack của công ty thời trang lớn

  • Khóa học được tạo ra với mục tiêu giúp bạn trải nghiệm các công nghệ phát triển mà bạn không thường tiếp xúc thông qua thực hành hơn là lý thuyết phát triển!


Bạn có thắc mắc gì không?

Q1. Khóa học này tập trung vào frontend hay backend?

A1. Chúng tôi đề cập đến cả hai!
Chúng ta sẽ cùng tìm hiểu về frontend tương tác 3D sử dụng Three.js và backend AI được xây dựng bằng Spring Boot + Spring AI, đồng thời trực tiếp triển khai luồng kết nối hai công nghệ này thành một dịch vụ.
Đây không chỉ là khóa học vẽ giao diện đơn thuần, mà bạn sẽ học được "toàn bộ cấu trúc dịch vụ trực quan hóa trong không gian 3D".

Q2. Tại sao lại phải làm bằng 3D?
A2. Thông tin trên thế giới tràn lan, nhưng nội dung trực quan dễ nhìn một cách toàn diện thì hiếm.
Vì vậy tôi xuất phát từ ý tưởng "Sẽ thế nào nếu hiển thị các bài viết do AI tạo ra trên quả địa cầu 3D?"
Không chỉ đơn thuần là văn bản, mà 'trải nghiệm thể hiện không gian thông qua 3D' chính là cốt lõi của khóa học.
Khi xem kết quả, bạn sẽ cảm nhận được "À, vì thế nên mới phải làm bằng 3D".

Q3. Spring AI khác gì với ChatGPT API?

A3. Đây là thư viện giúp bạn sử dụng ChatGPT API theo phong cách Spring hơn.
Nếu xử lý trực tiếp OpenAI API thì việc phân tích JSON, xử lý ngoại lệ, định dạng phản hồi khá phiền phức, nhưng khi sử dụng Spring AI, bạn có thể tích hợp một cách gọn gàng chỉ bằng cấu hình Bean.

Lưu ý trước khi học

Môi trường thực hành

  • Hệ điều hành và phiên bản (OS): Môi trường phát triển backend (MacOS), môi trường phát triển frontend (Windows)
    (Tôi nghĩ rằng bạn có thể theo dõi bài giảng bất kể môi trường nào.)

Tài liệu học tập

  • Cung cấp link Notion (trong link có đính kèm các file và link được sử dụng trong bài giảng)

Kiến thức tiên quyết và lưu ý

  • Khóa học tập trung vào trải nghiệm thực hành hơn là lý thuyết.

  • Nếu bạn đã từng sử dụng máy tính và thường xuyên làm việc với lập trình ở mức độ nào đó thì không cần lo lắng về độ khó.

Khuyến nghị cho
những người này

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

  • Các lập trình viên muốn tự tay tạo ra dịch vụ dựa trên AI hoặc dự án chatbot

  • Lập trình viên frontend muốn xây dựng ứng dụng web 3D tương tác bằng Three.js

  • Lập trình viên Backend/Fullstack quan tâm đến phát triển dịch vụ Backend AI sử dụng Spring Boot

Cần biết trước khi bắt đầu?

  • Kỹ năng sử dụng máy tính cơ bản

  • Cú pháp cơ bản của HTML, CSS, JavaScript

  • Hiểu về cấu trúc cơ bản của Spring Boot và REST API

  • Nội dung trên không bắt buộc!

Xin chào
Đây là

2,265

Học viên

255

Đánh giá

39

Trả lời

4.7

Xếp hạng

29

Các khóa học

Xin chào! Tôi là Neo, hiện đang giảng dạy tại Inflearn.

Mục tiêu của tôi là giúp nhiều người có thể tiếp cận với những công nghệ phát triển mà họ thường ít có cơ hội tiếp xúc.

Vì vậy, thay vì chỉ liệt kê lý thuyết đơn thuần, tôi muốn xây dựng một lộ trình học tập tập trung vào thực tiễn và cung cấp các bài giảng chú trọng vào thực hành để người học có thể tiếp thu mà không gặp phải các trở ngại kỹ thuật.

Nội dung được xây dựng với cách tiếp cận nhẹ nhàng và thân thiện nhất có thể để ngay cả những người mới bắt đầu cũng có thể dễ dàng theo kịp, và tôi đặc biệt tập trung vào việc giảm bớt rào cản gia nhập đối với kiến thức.
Đôi khi tôi cũng thực hiện các dự án bài giảng cùng với những người có cùng chí hướng!

Mọi thắc mắc về hợp tác và kinh doanh khác, vui lòng gửi về yeseong0412@gmail.com!

Chương trình giảng dạy

Tất cả

13 bài giảng ∙ (3giờ 8phút)

Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

9 đánh giá

5.0

9 đánh giá

  • aboutexo046263님의 프로필 이미지
    aboutexo046263

    Đánh giá 23

    Đánh giá trung bình 4.9

    5

    31% đã tham gia

    • yeseong0412
      Giảng viên

      Cảm ơn bạn đã theo dõi bài giảng!

  • abcd123123님의 프로필 이미지
    abcd123123

    Đánh giá 327

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    • yeseong0412
      Giảng viên

      Cảm ơn bạn đã nghe bài giảng! Hy vọng đây là một dự án thú vị! Cảm ơn bạn!

  • dkssudgktpdy님의 프로필 이미지
    dkssudgktpdy

    Đánh giá 20

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    Thật thú vị.

    • yeseong0412
      Giảng viên

      Cảm ơn bạn đã nghe bài giảng!

  • loward님의 프로필 이미지
    loward

    Đánh giá 21

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    Đây là một khóa học tuyệt vời, thật tốt khi có thể trải nghiệm những dự án thú vị thông qua thực hành hơn là lý thuyết. Tôi có thể thử nhiều cách khác nhau bằng cách sử dụng những ý tưởng này. Cảm ơn bạn.

    • yeseong0412
      Giảng viên

      Cảm ơn bạn đã nghe bài giảng!

  • babygroot03035407님의 프로필 이미지
    babygroot03035407

    Đánh giá 3

    Đánh giá trung bình 5.0

    5

    31% đã tham gia

    • yeseong0412
      Giảng viên

      Cảm ơn bạn đã tham gia Online Classes!

705.102 ₫

Khóa học khác của Neo

Hãy khám phá các khóa học khác của giảng viên!

Khóa học tương tự

Khám phá các khóa học khác trong cùng lĩnh vực!