강의

챌린지

멘토링

로드맵

커뮤니티

Ứng dụng web đặt chỗ được tạo bằng Claude Code dành cho cả người không biết lập trình: từ lên kế hoạch đến ra mắt

Không biết lập trình cũng không sao. Hãy dùng Plandi để sắp xếp ý tưởng thành bản kế hoạch, cấu trúc menu và thiết kế màn hình, rồi giao bộ công cụ lập kế hoạch đó cho Claude Code (web) để xây dựng một ứng dụng đặt lịch Pilates trong khu phố. Bạn sẽ làm theo toàn bộ quy trình từ đầu đến cuối: tạo tài khoản, đăng nhập Kakao, đặt và hủy lịch, quản lý số buổi trong gói hội viên, xây dựng màn hình quản trị và đưa ứng dụng lên công khai bằng địa chỉ thực tế.

1 học viên đang tham gia khóa học này

Độ khó Nhập môn

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

React
React
Next.js
Next.js
vercel
vercel
supabase
supabase
claude
claude
React
React
Next.js
Next.js
vercel
vercel
supabase
supabase
claude
claude

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

  • Cách sắp xếp ý tưởng của tôi thành tài liệu yêu cầu sản phẩm (PRD) · cấu trúc menu (IA) · thiết kế màn hình

  • Hoàn thiện ứng dụng web đặt lịch với các màn hình đăng ký thành viên, đăng nhập Kakao, đặt lịch, gói thành viên và quản trị viên.

Dù không biết lập trình, bạn vẫn có thể tự tạo một ứng dụng web đặt lịch và đưa lên Internet.

Xây dựng ứng dụng đặt lịch lớp học cho một trung tâm Pilates trong khu phố từ đầu đến cuối. Lên kế hoạch ý tưởng bằng Plandi,整理 từ tài liệu kế hoạch, cấu trúc menu đến thiết kế màn hình, sau đó giao bộ công cụ lập kế hoạch phát triển tạo ra cho Claude Code (web) để xây dựng ứng dụng, tích hợp cả đăng nhập Kakao và công khai tại một địa chỉ thực tế.

Nếu bạn từng thử dùng công cụ lập trình AI nhưng bị rối tung giữa chừng rồi bỏ cuộc, thì trình tự của khóa học này chính là câu trả lời. Lên kế hoạch trước, phát triển sau. Khi đã xác định rõ sẽ tạo ra sản phẩm gì, bạn có thể giao việc chính xác cho AI.

Tôi đã sử dụng AI để bài giảng trở nên dễ nghe hơn.

  • Lời thuyết minh bằng giọng AI rõ ràng — bạn sẽ nghe được cùng một giọng nói với cùng tốc độ từ đầu đến cuối, không tạp âm hay phát âm thiếu ổn định. Kịch bản được viết bằng ngôn từ dễ hiểu và đọc nguyên văn, giúp bạn không bỏ lỡ bất kỳ câu nào.

  • Màn hình đúng như quá trình làm việc thực tế — cho bạn thấy Claude Code hoạt động, cùng những lỗi thực sự phát sinh và quá trình khắc phục.

  • Tôi cũng tạo khóa học cùng với AI — chính khóa học này là một ví dụ về “cách giao việc hiệu quả cho AI”.

Khóa học này phù hợp với những người sau đây

  • Chủ cửa hàng, giảng viên và những người chuẩn bị khởi nghiệp một mình có ý tưởng ứng dụng nhưng gặp khó khăn trong việc tìm kiếm nhà phát triển

  • Những người không chuyên phát triển đã từng thử dùng công cụ lập trình AI nhưng bỏ cuộc vì mã nguồn trở nên rối tung.

  • Nhà hoạch định và chuyên viên tiếp thị muốn trải nghiệm trọn vẹn quy trình từ lên kế hoạch đến phát hành sản phẩm trong một lầnાહી

Ứng dụng được tạo trong khóa học này

  • Màn hình học viên: Thời khóa biểu các buổi học trong tuần này, thông tin chi tiết buổi học (giảng viên · số chỗ còn lại), đặt lịch · hủy đặt lịch, số lượt còn lại và lịch sử, trang cá nhân

  • Đăng nhập: Đăng ký thành viên bằng email + bắt đầu với Kakao

  • Màn hình quản trị: đăng ký·chỉnh sửa·xóa lớp học, tình trạng đặt chỗ, danh sách thành viên và thêm gói thành viên

  • Công khai: Triển khai với địa chỉ thực tế và rút ngắn địa chỉ miễn phí

Tiến hành như sau

  1. Cùng bắt đầu từ bước đăng ký — Hãy làm theo từ cách tìm đúng trang web để đăng ký nhà phát triển Claude, Plandi, GitHub, Supabase, Vercel và Kakao.

  2. Lập kế hoạch bằng Plandy — Trả lời phỏng vấn để tạo tài liệu kế hoạch (PRD), cấu trúc menu (IA) và thiết kế màn hình, sau đó nhận dưới dạng bộ công cụ lập kế hoạch dùng cho phát triển.

  3. Phát triển web bằng Claude Code — Đưa bộ kit lên GitHub và giao cho Claude tạo từng menu một.

  4. Sử dụng Claude Code đúng cách — tệp quy tắc (CLAUDE.md), chế độ lập kế hoạch, hoàn tác, skill·hook·MCP, tiết kiệm hạn mức sử dụng.

  5. Kết nối và đưa lên — kiểm tra tiêu chí nghiệm thu, công khai địa chỉ thực tế, kết nối đăng nhập Kakao và kiểm tra lần cuối.

Quyền lợi học viên

  • Tặng miễn phí 8 lượt lập kế hoạch Plandi (tương đương 160 màn hình). Trong bài giảng 0-5, chúng tôi sẽ hướng dẫn cách nhận mã giảm giá.

Vật dụng cần chuẩn bị và chi phí

  • Máy tính và trình duyệt internet (không cần cài đặt chương trình)

  • Gói cước trả phí Claude (Pro trở lên) — cần thiết để sử dụng Claude Code trên web.

  • GitHub·Supabase·Vercel·nhà phát triển Kakao là đủ trong phạm vi miễn phí.

Xin thông báo тәшкилат

  • Dựa trên giao diện vào tháng 10 năm 2026. Tôi cũng giải thích cần tìm gì để bạn có thể làm theo ngay cả khi giao diện dịch vụ có thay đổi đôi chút.

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

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

  • Chủ cửa hàng, giảng viên và những người chuẩn bị khởi nghiệp một mình có ý tưởng ứng dụng nhưng gặp khó khăn trong việc tìm kiếm nhà phát triển

  • Người không chuyên lập trình đã thử sử dụng công cụ lập trình AI nhưng bỏ cuộc vì mã nguồn bị rối tung giữa chừng

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

  • Bạn không cần kiến thức lập trình. Hãy cùng làm theo từ bước đăng ký.

  • Trong lớp học, chúng ta sử dụng gói cước trả phí của Claude (Pro trở lên).

Xin chào
Đây là codingai

754

Học viên

90

Đánh giá

24

Trả lời

4.3

Xếp hạng

8

Các khóa học

Xin chào! Tôi là Ake, một nhà hoạch định với 20 năm kinh nghiệm, đồng thời là chuyên gia về AI coding và Figma.

Tôi đã có 20 năm kinh nghiệm trong việc lập kế hoạch cho các dịch vụ web, ứng dụng và đảm nhận vai trò PM. Ngoài ra, tôi còn là chuyên gia trong lĩnh vực lập trình sử dụng các công cụ AI và thiết kế UI/UX thông qua Figma.

Việc áp dụng các công cụ AI như Claude và ChatGPT vào quy trình lập kế hoạch đã thay đổi hoàn toàn cách thức làm việc của tôi. Việc phân tích đối tượng mục tiêu và xây dựng chân dung khách hàng vốn mất vài ngày nay đã được rút ngắn xuống còn vài giờ, và khi kết hợp Figma với AI, bất kỳ ai cũng có thể tạo ra những bản kế hoạch ở cấp độ chuyên gia.

Tôi đã tích lũy được bí quyết sử dụng AI trong toàn bộ quá trình từ lập kế hoạch đến phát triển, và đã trực tiếp trải nghiệm việc phát triển dịch vụ nhanh chóng và hiệu quả hơn thông qua phương pháp này.

Giờ đây, tôi muốn chia sẻ với các bạn những bí quyết lập kế hoạch mà tôi đã tích lũy trong suốt 20 năm qua cùng chuyên môn sử dụng AI của mình. Từ lập kế hoạch đến phát triển, hãy cùng tôi từng bước bắt đầu phương thức phát triển dịch vụ mới mẻ cùng với AI.

Việc lập kế hoạch và phát triển dịch vụ vốn phức tạp và khó khăn, giờ đây với sự hỗ trợ của AI, bất kỳ ai cũng có thể làm được!

Thêm

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

Tất cả

43 bài giảng ∙ (4giờ 9phú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!

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

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!

Ưu đãi có thời hạn, kết thúc sau 15:36:32 ngày

61.600 ₫

30%

1.821.971 ₫