인프런 영문 브랜드 로고
인프런 영문 브랜드 로고
Programming

/

Web Development

Nhân bản Chat GPT với Cursor trong 1 giờ (lớp học một ngày)

Bạn có thể có khả năng triển khai một chương trình chat bằng Next.js + Cursor IDE chỉ trong một giờ.

(4.9) 16 đánh giá

428 học viên

nextjs
ChatGPT
React
TypeScript
TailwindCSS

Khóa học này dành cho Người mới học.

Dịch cái này sang tiếng Việt

  • Xây dựng MVP ứng dụng chat với Cursor IDE

  • UI Prototyping với Cursor IDE

  • Code Review với Cursor IDE

Trò chuyện GPT Clone với Con trỏ trong 1 giờ (Lớp học một ngày)


🎯 Những gì bạn sẽ học được trong bài giảng này

Phát triển bản sao ChatGPT – Tạo chatbot AI hoạt động bằng cách sử dụng OpenAI API.

Cách sử dụng Cursor – Tìm hiểu cách phát triển nhanh chóng và hiệu quả bằng Cursor , một trình soạn thảo mã dựa trên AI.

Cấu trúc cơ bản của React + Next.js – Tìm hiểu các công nghệ front-end trong khi xây dựng giao diện người dùng Chatbot.

Tích hợp máy chủ và API – Triển khai logic cốt lõi gọi API OpenAI và xử lý dữ liệu đầu vào của người dùng.

Triển khai hoàn chỉnh – Triển khai chatbot đã tạo vào Vercel để nó hoạt động như một dịch vụ thực tế.


💡 Ai cần khóa học này?

Các nhà phát triển và nhà lập kế hoạch muốn tạo chatbot AI của riêng mình

Những người muốn tìm hiểu cách sử dụng OpenAI API

Các nhà phát triển mới bắt đầu muốn tìm hiểu các khái niệm cơ bản về front-end/back-end

Học viên trại huấn luyện & người tìm việc cần kinh nghiệm thực tế từ dự án

Những người sáng lập công ty khởi nghiệp muốn nhanh chóng phát triển MVP (sản phẩm khả thi tối thiểu)

  • Nhanh chóng tạo ứng dụng web bằng Cursor IDE (1 dự án trong 1 giờ)

    • Tạo mẫu nhanh với tính năng AI Agent với IDE con trỏ


💡 Xem trước kết quả

Bản demo trực tiếp: https://clone-chat-gpt-cursor.vercel.app

Tài liệu bài giảng: https://dodokyo.github.io/docs/free-lectures/chat-gpt-cursor/chat-gpt-cursor-1

Công nghệ được sử dụng, kiến ​​thức trước đó

  • Phản ứng, Typescript

  • Bộ định tuyến ứng dụng Next.js

  • TailwindCss

  • RadixUI

  • Shadcn

  1. Next.js AppRouter: https://nextjs.org/

  2. TailwindCSS: https://tailwindcss.com/

  3. Giao diện người dùng Radix: https://www.radix-ui.com/

  4. Shadcn: https://ui.shadcn.com/docs/dark-mode/next

Tìm hiểu về những điều này

Những điều cần lưu ý trước khi tham gia lớp học

thận trọng

  • Bài giảng này là bài giảng với AI Agent. Ngay cả khi bạn theo dõi bài giảng, kết quả vẫn có thể khác nhau.

  • Để tham gia khóa học này, bạn có thể cần phiên bản miễn phí của Cursor IDE -> phiên bản trả phí.

  • API GPT có thể phải trả phí.

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

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

  • Ai muốn làm 1 dự án mỗi ngày với AI!

  • Ai muốn tạo ứng dụng AI + Next.js

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

  • React

  • Tiếp theo

  • Tuyển tập

Xin chào
Đây là

3,296

Học viên

119

Đánh giá

77

Trả lời

4.8

Xếp hạng

5

Các khóa học

  • 프론트 개발자로 네카라쿠배 중 하나의 IT서비스 기업에 재직하고 있습니다. 😀

  • 🚀 SW마에스트로 Expert 취업 멘토링

  • 🚀 Naver Boostcamp BE 멘토 경험

  • 🚀 FE 7Code 로드맵 강의 제작

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

Tất cả

16 bài giảng ∙ (56phút)

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

Đánh giá

Chưa có đủ đánh giá.
Hãy trở thành tác giả của một đánh giá giúp mọi người!