강의

멘토링

커뮤니티

Programming

/

Full-stack

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

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

(5.0) 8 đánh giá

37 học viên

  • Neo
  • Essential
실습 중심
백엔드이해하기
토이프로젝트
리액트감잡기
AI 코딩
React
Kotlin
Spring Boot
Three.js
SpringAI

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

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ể triển khai chatbot AI bằng Spring Boot + Spring AI

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

Dịch vụ bài viết 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 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 kết hợp AI và công nghệ 3D để tạo ra hình thức dịch vụ web mới.
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à sử dụng Spring Boot + OpenAI API(Spring AI) để tương tác với người dùng và trực quan hóa điều này trên không gian 3D, thì đâ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.

"Liệu sẽ như thế nào nếu biểu diễn trực quan nội dung do AI tạo ra trong không gian 3D?" Tôi hy vọng khóa học bắt đầu bằng 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 trải qua khi tham gia học tập.

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

Video demo của website ví dụ có thể thực hiện thông qua khóa học

Tôi khuyên dùng cho những người như thế này

🤔

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

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

😆

Tôi muốn thực hiện những dự án thú vị và độc đáo mà người khác chưa từng thử

Inflearn lần đầu công bố
Đây là dự án thú vị của riêng tôi.

😎

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

SpringAI + 3D
Web, tất cả các khóa học về server đều có trong đây.

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 việc xây dựng dịch vụ tích hợp giữa frontend và backend 3D.

  • Bạn có thể trải nghiệm những dự án độc đáo mà người khác chưa từng thử qua, không phải là những 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 tính năng 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.

Làm theo dự án bài viết quả địa cầu

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

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

Springboot + SpringAI With Kotlin

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

Chúng ta sẽ học những nội dung như thế này

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

  • Tạo website 3D có thể xoay, phóng to, thu nhỏ như Trái Đất thực tế

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

🤖 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ích hợp OpenAI API để tự động tạo nội dung tùy chỉnh theo người dùng

  • Học về Prompt Engineering và Logic Xử lý Phản hồi AI

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

  • Kết nối dữ liệu thời gian thực giữa bản đồ 3D và máy chủ thông qua REST API

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


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

  • 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ệ.
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 sẽ được trải nghiệm qua các ví dụ thực tế.

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

Tin tưởng và xem Neo + Essential
Khóa học hợp tác củ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

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


Bạn có điều gì thắc mắc không?

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

A1. Cả hai đều được đề cập!
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ụ thống nhất.
Đâ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 ngập, nhưng nội dung trực quan dễ nhìn một cách tổng quan thì rất hiếm.
Vì vậy tôi đã xuất phát từ ý tưởng "Nếu hiển thị các bài viết do AI tạo ra trên quả địa cầu 3D thì sao?"
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 nhìn thấy 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ì so với ChatGPT API?

A3. Đây là một thư viện giúp sử dụng ChatGPT API theo cách Spring hơn.
Khi 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 thì chỉ cần cấu hình Bean là có thể tích hợp một cách gọn gàng.

Những 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ĩ các bạn có thể theo dõi khóa học bất kể môi trường nào.)

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

  • Cung cấp liên kết Notion (bên trong liên kết có đính kèm các tệp và liên kết đượ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 thay vì lý thuyết.

  • Nếu bạn đã từng sử dụng máy tính và thường xuyên 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 nhà phát triển muốn tự tay tạo ra dịch vụ dựa trên AI hoặc dự án chatbot

  • Nhà phát triển frontend muốn triển khai ứng dụng web 3D tương tác bằng Three.js

  • Các nhà phát triển backend/fullstack quan tâm đến việc 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à

1,586

Học viên

171

Đánh giá

27

Trả lời

4.6

Xếp hạng

24

Các khóa học

안녕하세요! 인프런에서 강의를 진행하고 있는 Neo 입니다.

평소 접하지 못했던 개발기술들을 다양한 분들이 접할 수 있도록 하는게 제 목표입니다.

그래서 저는 단순한 이론 나열보다 실무 중심의 커리큘럼을 구성하고, 트러블슈팅 없이 배울 수 있는 실습 위주의 강의를 제공하고자 합니다.

초보자도 부담 없이 따라올 수 있도록 최대한 가볍고 친절한 접근으로 내용을 구성하고 있으며, 지식에 대한 진입 장벽을 낮추는 것에 특히 집중하고 있습니다.
가끔은 마음이 같은 분들과 함께 강의 작업을 진행하기도 합니다!

협업 및 기타 비즈니스 문의는 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ả

8 đánh giá

5.0

8 đánh giá

  • abcd123123님의 프로필 이미지
    abcd123123

    Đánh giá 326

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    • yeseong0412
      Giảng viên

      Thank you for taking the course! I hope it was an interesting project! Thank you!

  • dkssudgktpdy님의 프로필 이미지
    dkssudgktpdy

    Đánh giá 16

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    It was fun.

    • yeseong0412
      Giảng viên

      Thank you for taking the class!

  • loward님의 프로필 이미지
    loward

    Đánh giá 16

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    This is a great lecture. It was wonderful to experience fun projects through hands-on practice rather than just theory. I can try various approaches using the ideas. Thank you.

    • yeseong0412
      Giảng viên

      Thank you for taking the class!

  • babygroot03035407님의 프로필 이미지
    babygroot03035407

    Đánh giá 3

    Đánh giá trung bình 5.0

    5

    31% đã tham gia

    • yeseong0412
      Giảng viên

      Thank you for taking the class!

  • wonder12421님의 프로필 이미지
    wonder12421

    Đánh giá 3

    Đánh giá trung bình 5.0

    5

    31% đã tham gia

    • yeseong0412
      Giảng viên

      Thank you for taking the class!

716.781 ₫

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!