inflearn logo

Dịch vụ web của tôi, hoàn thiện bằng Claude Code từ khâu nhận thanh toán đến khi ra mắt

Nếu bạn không hiểu tại sao giao cho AI làm mà mọi thứ cứ liên tục hỏng, thì vấn đề không nằm ở việc lập trình, mà là bạn yêu cầu AI thực hiện khi không biết “chuyện gì đang xảy ra”. Tôi sẽ hướng dẫn bạn cách vibe coding—hoàn thiện một dịch vụ web có đăng nhập và thanh toán từ đầu, đưa lên miền riêng và xuất hiện trên các công cụ tìm kiếm, đồng thời ở mỗi bước đều hiểu rõ ngữ cảnh “vừa rồi đã xảy ra chuyện gì?” rồi mới tiếp tục.

(5.0) 3 đánh giá

51 học viên

Độ khó Nhập môn

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

HTML/CSS
HTML/CSS
TypeScript
TypeScript
Next.js
Next.js
TailwindCSS
TailwindCSS
supabase
supabase
HTML/CSS
HTML/CSS
TypeScript
TypeScript
Next.js
Next.js
TailwindCSS
TailwindCSS
supabase
supabase

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

  • Hoàn thiện một dịch vụ web thực sự, cho phép đăng nhập và thanh toán qua Toss Payments.

  • Kinh nghiệm “ra mắt” xuất hiện khi tìm kiếm trên Google và Naver

  • Nguyên lý vận hành bất biến của web, không cần học lại từ đầu dù có xuất hiện công cụ AI mới

  • Kỹ năng giải quyết vấn đề, ngay cả khi xảy ra lỗi vẫn có thể nắm bắt được “vấn đề nằm ở đâu” và hỏi AI.

  • Một cơ chế an toàn giúp bạn luôn có thể khôi phục bất cứ lúc nào, ngay cả khi làm hỏng, để không phải lo lắng “Nếu mọi thứ biến mất thì sao?”

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

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

  • Lúc đầu thì làm ra ngon lành, nhưng giờ cứ sửa một chỗ là chỗ khác lại phát sinh lỗi, đến cả lời giải thích của AI cũng không hiểu nổi nên thấy sợ không dám sai AI làm gì nữa.

  • Dành cho những ai cảm thấy mông lung, không biết rốt cuộc mình cần phải biết đến đâu dù không định trở thành lập trình viên.

  • Dành cho những người cảm thấy dù rõ ràng đây là dịch vụ do mình tạo ra, nhưng vì bên trong là một chiếc hộp đen nên chính mình—người chủ—lại trở thành một 'khán giả' chẳng biết gì.

  • Dành cho những ai bị mắc kẹt ở những phần mà AI không thể tự mình thực hiện, chẳng hạn như đăng nhập, thanh toán và kết nối cơ sở dữ liệu, dù AI có thể tạo ra cả giao diện.

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

  • Chỉ cần bạn từng nghe qua từ “lập trình vibe” là được!

  • Nếu bạn đã từng trải nghiệm các công cụ AI như Lovable, v0, Cursor dù chỉ một lần thì càng tuyệt!

Xin chào
Đây là VibePlug

Xác minh sự nghiệp

51

Học viên

3

Đánh giá

4

Trả lời

5.0

Xếp hạng

1

Khóa học

Dựa trên kinh nghiệm thực chiến của một lập trình viên, khi tự mình xây dựng vô số dự án thuê ngoài từ con số không, tôi đã không ngừng trăn trở 'làm thế nào để tạo ra một dịch vụ vận hành nhanh chóng và an toàn nhất'. Và tôi đã tìm thấy câu trả lời trong Vibe Coding, sự kết hợp giữa AI tiên tiến nhất và khung cốt lõi của dịch vụ web. Tôi sẽ truyền đạt một cách rõ ràng và mạch lạc những bí quyết để cùng AI kiểm soát và hoàn thiện các bộ máy cốt lõi thiết yếu cho dịch vụ thực tế như xác thực người dùng, thiết kế cơ sở dữ liệu, tích hợp thanh toán PG... từ góc nhìn của một 'nhà thiết kế'.
Thêm

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

Tất cả

53 bài giảng ∙ (11giờ 2phút)

Tài liệu khóa học:

Tài liệu bài giảng
Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

3 đánh giá

5.0

3 đánh giá

  • n03372373576andr4348님의 프로필 이미지
    n03372373576andr4348

    Đánh giá 3

    ∙

    Đánh giá trung bình 5.0

    Đã chỉnh sửa

    5

    100% đã tham gia

    Nếu bạn là người quan tâm đến vibe coding và đang ở trong tình huống chỉ được chọn duy nhất một khóa học, thì tôi xin 추천 khóa học này. https://vibeplug-iota.vercel.app/ Tôi đã làm trang web này bằng cách làm theo bài học. (~26.9.4) (Tôi chưa mua tên miền. haha) Trong những việc tôi đã làm năm nay, có lẽ việc đúng đắn nhất là lần này đã tham gia khóa học của VibePlug. Là một người đi làm, gần đây AI và vibe coding đang bùng nổ nên để không bị tụt hậu, tôi cũng đã tham gia một số lớp học liên quan đến lập trình. Ở những khóa học khác, có lẽ là vì năng lực của tôi vẫn còn hạn chế, tôi làm theo hướng dẫn thì sản phẩm cũng hoạt động, nhưng lại không hiểu tại sao nó hoạt động; mỗi khi sửa một chỗ thì lại phát sinh vấn đề ở chỗ khác, khiến tôi từng rơi vào trạng thái khá chán nản. Thế nhưng sau khi học khóa này, tôi cảm thấy "làn sương trong đầu đã tan đi". Khóa học có rất nhiều dấu ấn của sự cân nhắc kỹ lưỡng để ngay cả người không chuyên cũng có thể hoàn thành. Để đạt được mục tiêu cuối cùng là triển khai và vận hành một dịch vụ, khóa học chỉ giải thích những nội dung cốt lõi cần thiết nhất, còn các thông tin tham khảo được sắp xếp vào phần phụ lục, nhờ đó tôi có thể tập trung vào mục tiêu mà không bị lạc hướng. Ngay từ đầu khóa học, mục tiêu học tập được giới thiệu; sau phần giải thích, nội dung bài học được tóm tắt ở phần sau, đồng thời giảng viên cũng nhắc sơ qua về nội dung sẽ học trong buổi tiếp theo, nên tôi cảm thấy rất cuốn hút. Theo cảm nhận của tôi, những “mồi nhử” và manh mối mà giảng viên đề cập giống như trong một tiểu thuyết trinh thám. Chúng được kết nối xuyên suốt qua từng phần, tạo cảm giác rất thú vị. Sau khi giải thích, giảng viên không chỉ kết thúc bằng lời nói rằng mọi chuyện là như vậy, mà còn trực tiếp vào chế độ nhà phát triển F12 để kiểm tra dữ liệu đã di chuyển như thế nào, đồng thời xem cả log ở từng dịch vụ (supabase, vercel, máy chủ phát triển), nhờ đó tôi có thể hiểu chắc chắn hơn. À, và hai ví dụ về sự nguy hiểm từ những vị khách xấu mà giảng viên đưa ra cũng khiến tôi thấm thía hơn rất nhiều so với lời nhắc nhở chung chung rằng cần cẩn thận về vấn đề bảo mật, đồng thời giúp tôi nâng cao cảnh giác. Tôi cũng bắt đầu quan tâm đến những khóa học khác của VibePlug. Tôi hy vọng giảng viên sẽ mở thêm các khóa học về những lĩnh vực khác hoặc những chủ đề chưa được đề cập ở đây. Tôi nhiệt liệt推荐 khóa học này đến mọi người.

    • vibeplughq
      Giảng viên

      좋은하루, thật sự cảm ơn bạn vì bài đánh giá đầy tâm huyết! 😊 Tôi rất vui vì trong quá trình theo học, bạn đã tự mình hoàn thiện và triển khai được một dịch vụ. Không chỉ dừng lại ở việc làm theo từng dòng code, bạn còn hiểu được dữ liệu hoạt động như thế nào và cần kiểm tra những đâu trên các dịch vụ như Supabase hay Vercel. Đây chính là điều tôi mong muốn truyền tải nhất khi xây dựng khóa học, nên tôi cảm thấy vô cùng vui mừng vì những nội dung đó đã đến được với bạn. Đặc biệt, tôi đã cố gắng giải thích một cách liên kết nhất có thể về “tại sao lại làm như vậy” để những bạn không chuyên không bị lạc hướng giữa chừng. Vì vậy, tôi thực sự cảm ơn bạn đã đánh giá cao cảm giác liền mạch giữa các chương và cấu trúc ôn tập. Nội dung về bảo mật và các tình huống ngoại lệ cũng là những phần vô cùng cần thiết khi vận hành một dịch vụ thực tế, nên chắc chắn sẽ giúp ích cho bạn trong quá trình tiếp tục xây dựng các dự án sau này. Và cũng cảm ơn bạn đã chia sẻ trang web thành quả >< Việc bạn không chỉ học xong rồi dừng lại mà còn trực tiếp tạo ra sản phẩm là một tinh thần hành động thực sự tuyệt vời. Sản phẩm của bạn còn gọn gàng hơn rất nhiều so với sản phẩm tôi làm trong khóa học nữa đấy?! Tôi tin rằng, bắt đầu từ dự án lần này, bạn sẽ có thể tạo ra những dịch vụ mình mong muốn nhanh chóng và tự tin hơn rất nhiều trong tương lai. Tôi cũng sẽ ghi nhớ với lòng biết ơn lời bạn chia sẻ rằng bạn mong đợi các khóa học về những lĩnh vực khác. Tôi sẽ tiếp tục suy nghĩ để có thể trở lại với những chủ đề hay hơn. Chân thành cảm ơn bạn vì bài đánh giá quý giá và sự giới thiệu nhiệt tình! 🙏 Tôi sẽ luôn thật lòng ủng hộ những dự án mà bạn sẽ tạo ra trong tương lai. 🚀

    • Hihi, cảm ơn bạn đã bình luận.

  • imminkyu9456님의 프로필 이미지
    imminkyu9456

    Đánh giá 2

    ∙

    Đánh giá trung bình 5.0

    Đã chỉnh sửa

    5

    94% đã tham gia

    Có thể cảm nhận được giảng viên đã dành rất nhiều tâm huyết để xây dựng chương trình học dành cho những người không chuyên về phát triển phần mềm. Các bài giảng của giảng viên Lee Jeong-hwan cũng rất hay vì truyền đạt kiến thức lập trình một cách dễ hiểu, phù hợp với góc nhìn của người không chuyên, nhưng khóa học này còn đi sâu hơn mà vẫn giải thích rất rõ ràng để những người không chuyên cũng có thể hiểu được. Đặc biệt, giống như các giảng viên hàng đầu, đối với những chủ đề có thể làm gián đoạn mạch bài giảng, thầy đã tách riêng thành phần “bách khoa toàn thư” để duy trì luồng bài học; đồng thời lặp lại những nội dung quan trọng trong suốt bài giảng và còn tóm tắt ở cuối, nên tôi cảm thấy rất hài lòng. Khi đọc các sách liên quan đến vibe coding, tôi bắt đầu tò mò và muốn học cách xây dựng quy trình làm việc cho SDD, TDD và refactoring bằng cách sử dụng skill, rule, sub-agent, v.v. Tôi hy vọng thầy sẽ giảng dạy những nội dung này trong khóa học tiếp theo. Tôi đã học được rất nhiều. Xin cảm ơn!!

    • vibeplughq
      Giảng viên

      imminkyu, thật sự cảm ơn bạn rất nhiều vì đã để lại một bài đánh giá khóa học chi tiết đến vậy! Nói thật lòng thì khi xây dựng khóa học này, điều khiến tôi trăn trở nhất là “Liệu những người không chuyên về phát triển có thể thực sự theo đến cùng không?”. Việc tách những chủ đề làm gián đoạn mạch nội dung thành phần bách khoa riêng, lặp lại những nội dung quan trọng và thêm phần tóm tắt ở cuối bài đều là những cách tôi đưa ra từ nỗi trăn trở đó. Vì vậy, việc bạn chỉ ra chính xác những điểm ấy đã trở thành một sự an ủi và tiếp thêm niềm tin rất lớn đối với người làm khóa học này ☺️ Cảm ơn bạn đã hoàn thành đến 94% khóa học. Có lẽ bạn cũng đã thực sự xây dựng sản phẩm từ khâu thanh toán cho đến khi ra mắt, nên tôi hy vọng dịch vụ của bạn đang vận hành thật tốt! SDD, TDD và quy trình làm việc refactoring dựa trên skill/rule/sub-agent mà bạn đề cập cũng là những chủ đề tôi đang tìm hiểu và đề cập khá nhiều gần đây. Khi lên kế hoạch cho khóa học tiếp theo, tôi sẽ cân nhắc và ưu tiên những chủ đề này!! Nếu trong quá trình học có chỗ nào vướng mắc, bạn cứ để lại câu hỏi bất cứ lúc nào nhé. Một lần nữa, xin chân thành cảm ơn bạn! Chúc bạn một ngày tốt lành 😊

  • groundlabs님의 프로필 이미지
    groundlabs

    Đánh giá 1

    ∙

    Đánh giá trung bình 5.0

    5

    30% đã tham gia

    • vibeplughq
      Giảng viên

      Suyeon, cảm ơn bạn đã để lại đánh giá! 😊 Vì bạn vẫn đang tham gia khóa học, hy vọng bạn sẽ từ từ theo dõi những nội dung còn lại và hoàn thiện sản phẩm như mong muốn! Nếu trong quá trình học bạn có điều gì thắc mắc hoặc gặp phần nào khó khăn, hãy cứ thoải mái để lại câu hỏi bất cứ lúc nào. Mình sẽ kiểm tra và hỗ trợ nhanh nhất có thể để bạn hoàn thành khóa học đến cuối! Chúc bạn học vui vẻ trong phần còn lại của khóa học. Mình sẽ luôn ủng hộ bạn cho đến khoảnh khắc hoàn thiện và triển khai dịch vụ do chính mình tạo ra. 🚀

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!

Giảm 25% cho thành viên mới

838.328 ₫

25%

1.117.768 ₫