강의

멘토링

커뮤니티

BEST
Programming

/

AI Coding

[VOD] Hoàn thành trong 6 tuần! Lập trình Vibe cô đặc cho thực tế phát triển (Cursor AI, Figma)

Hãy bỏ qua những dịch vụ đơn giản có thể tạo ra bằng vibe coding trong 10 phút! Bạn có thể học vibe coding ứng dụng thực tế 'thật sự'. Hãy tạo ra dịch vụ tinh vi ở mức độ dịch vụ thực tế theo đúng kế hoạch và thiết kế bằng Cursor AI NCOP. No Code, Only Prompt

(4.9) 34 đánh giá

465 học viên

Độ khó Trung cấp trở lên

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

  • codecamp
  • nwd09074926
React
React
Next.js
Next.js
cursor
cursor
prompt engineering
prompt engineering
Vibe Coding
Vibe Coding
React
React
Next.js
Next.js
cursor
cursor
prompt engineering
prompt engineering
Vibe Coding
Vibe Coding

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

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

4.9

5.0

희소식

20% đã tham gia

Hiện tại tôi đã hoàn thành việc học đến phần 2, và vì khóa học quá hay nên tôi để lại đánh giá ở giữa chừng. Chỉ xem đến phần 2 thôi mà tôi đã có thể biết được anh đã chuẩn bị khóa học này một cách chăm chỉ đến mức nào. Tôi đã hiểu được cách sử dụng prompt hiệu quả hơn, và những prompt mà anh hướng dẫn có vẻ rất hữu ích. Đây là khóa học hài lòng nhất trong số các khóa học của 바이브코딩 mà tôi đã xem cho đến nay. Khi đăng câu hỏi thì anh trả lời rất nhanh, nên dù có vấn đề phát sinh trong quá trình học cũng có thể tiếp tục một cách suôn sẻ. Tôi đang học tiến độ rất tốt thì bị giới hạn sử dụng cursor nên buộc phải tạm dừng, sau này sẽ tiếp tục học vui vẻ. Cảm ơn anh vì khóa học hay.

5.0

정진호 Jung

32% đã tham gia

Đây thực sự là một khóa học như vị cứu tinh hoàn hảo cho tình huống mà tôi đang phải đối mặt ở công ty..!

5.0

항상배우는아이

100% đã tham gia

Phần bổ sung ở cuối Live Challenge cũng có bài giảng thêm, mong anh/chị có thể bán riêng phần đó. Cũng nhờ anh/chị làm bài giảng về phần Backend nữa nhé~~

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

  • Cách tạo UI giống hệt 100% thiết kế Figma bằng Vibe Coding

  • Cung cấp prompt có thể áp dụng thực tế

  • Hoàn thành toàn bộ dự án tập trung vào chức năng với 바이브코딩

  • Danh mục đầu tư Vibe Coding

  • Lập trình thực tế tập trung vào thực hành có thể sử dụng trong công ty

banner


Các nhà phát triển!

Bạn đã từng có trải nghiệm
lãng phí thời gian vì mắc lỗi
khi lập trình với AI phải không?


Hiện thực: Không diễn ra theo ý muốn của tôi 😭😭


Nhiều lập trình viên thường kể về trải nghiệm lãng phí cả thời gian và nguồn lực
khi sử dụng AI để lập trình.


Vì vậy, Code Camp đã chuẩn bị 'Vibe Coding' dành cho các lập trình viên
để giúp giải quyết nỗi lo này.

.

.

.

[ Khóa học Vibe Coding thực chiến
dành cho các lập trình viên ]


Trên YouTube cũng không ai chỉ cho bạn
cách sử dụng prompt một cách có hệ thống trong thực tế công việc thực sự
Tôi sẽ hướng dẫn bạn đúng cách.



Độc quyền tại Inflearn
[ CÔNG BỐ LẦN ĐẦU ]


AI giờ đây có thể triển khai ngay lập tức
theo đúng cấu trúc mà lập trình viên đã thiết kế.


Tôi sau khi học xong khóa học Code Camp = Trang web có hình dạng mong muốn xuất hiện!



Cùng với Code Camp, bạn có thể chỉ bằng prompt
tạo ra UI hoặc tính năng mà bạn mong muốn.


Bạn có tò mò về bí quyết
Vibe Coding dành cho lập trình viên
độc quyền của Code Camp không?


Khóa học này
là Vibe Coding dành cho các nhà phát triển.

Tại sao chuối lại là hình ảnh đại diện? Nhắc đến chuối là nghĩ đến Vibe Coding Tôi đã chọn theo dòng suy nghĩ, theo phong cách Vibe Coding. Tuy nhiên, Vibe Coding dành cho developer thì không thể làm theo cảm tính được. Phải tiến hành một cách có hệ thống và dựa trên thiết kế.

Khóa học này là Vibe Coding nghiêm túc dành cho developer. Đây là Vibe Coding ở mức độ có thể áp dụng vào thực tế công việc.
Đặc biệt, nếu bạn là junior developer thì đây là năng lực thiết yếu bắt buộc phải biết trong thời đại AI.

Khóa học được tiến hành với độ khó vừa phải, phù hợp cho Project Manager, UIUX designer, Service planner có thể sử dụng Figma. Nếu bạn muốn khởi nghiệp một mình hoặc làm thêm nhiều công việc thì hãy thử thách bản thân nhé!

Sau khóa học, các bạn sẽ...

1. Triển khai 100% bất kỳ thiết kế Figma nào

Bạn có từng cảm thấy bực bội vì không thể hiện thực 100% thiết kế Figma bằng Vibe Coding?

Chúng tôi sẽ công khai bí quyết tạo ra thiết kế
Figma chính xác mà đội ngũ hoặc bạn muốn xây dựng
với độ chính xác 100% và tốc độ nhanh chóng bằng Vibe Coding.

Kết quả Figma MCP sơ khai chưa hoàn thiện → Tạo chính xác (Ví dụ trang chủ Yanolja)

2. Triển khai 100% tính năng theo ý định thiết kế của tôi

Không phải là dịch vụ vibecoding đơn giản được tạo ra trong 5 phút,
bạn muốn tạo ra một dịch vụ thực sự đúng nghĩa?

Sau khóa học này, bạn có thể áp dụng Vibe Coding tự động hóa hoàn toàn vào công việc thực tế luôn!

Chúng tôi tạo ra những tính năng thực sự cần thiết trong công việc, không phải những tính năng nghe có vẻ hay ho!

Lập trình Vibe cho công việc thực tế
phải khác biệt.

Không cần một dòng code nào,
xây dựng dịch vụ thực tế bằng prompt


Với dự án 'Nhật ký cảm xúc', bạn sẽ học hầu hết các phương pháp của Vibe Coding!

  • Tạo UI giống hệt thiết kế Figma

  • Tạo component chung như trong phát triển thực tế

  • Xác định thứ tự phát triển cho Vibe Coding

  • Triển khai các tính năng đa dạng và kết nối API

  • Xử lý đăng nhập và phân quyền

  • Phương pháp xử lý song song theo phong cách lập trình viên

  • Khôi phục an toàn khi AI mắc lỗi



AI quý như vàng,
Cung cấp prompt giúp AI nghe lời


Bạn sẽ học cách cung cấp và viết prompt để đạt được kết quả 120% theo ý định của mình!

  • Cách thiết lập Cursor Rules

  • Cung cấp prompt có thể tái sử dụng

  • Quy tắc để đạt được kết quả ổn định 100%

  • Cấu trúc thư mục cho Vibe Coding




Quy trình phát triển để đạt được
kết quả 120% theo ý định của tôi


Phương pháp Vibe Coding do AI tạo ra rất coi trọng thứ tự phát triển để tránh xung đột code!

Prompt giống nhau
Xử lý song song là ưu điểm của Cursor AI


Phương pháp vibe coding do AI tạo ra cần phải biết phạm vi có thể song song hóa để tránh xung đột code!

Cả nhà phát triển và người không phải nhà phát triển đều có thể
học cách áp dụng Vibe Coding vào thực tế tùy theo tình huống.

  • Bao gồm các nguyên lý và khái niệm phát triển chuyên biệt cho vibe coding, ngay cả người không phải lập trình viên cũng có thể học được một cách đầy đủ.

  • Đề xuất lộ trình để các lập trình viên có thể tự phát triển bản thân thông qua Vibe Coding.

Khó sản xuất hơn bất kỳ khóa học nào,
nhưng cuối cùng đã hoàn thành chương trình giảng dạy tự tin

Do đặc thù của Vibe Coding, mỗi lần có thể ra kết quả khác nhau nên việc hoàn thiện curriculum rất khó khăn.
Tôi đã tìm ra cách sửa đổi và xem xét lại kết quả để mọi người đều có thể có được kết quả giống nhau!

  • Hãy xem chương trình học rõ ràng theo sát thực tế công việc.


Xin chờ một chút, vui lòng tham khảo!

Nội dung bạn đang xem hiện tạiGiá khóa học rẻ nhất

Khóa học sẽ được cập nhật thường xuyên,
và giá có thể tăng theo!

Tất cả các dự án đều
có thể được tạo bằng Vibe Coding!

1. Hãy thử tạo bằng cách chỉ sửa đổi prompt!

  • Nguyên lý của dự án Nhật ký cảm xúc trong khóa học và dịch vụ blog nổi tiếng 'Velog' là giống nhau!

  • Nền tảng du lịch phức tạp hơn 'MyRealTrip' cũng hoạt động theo nguyên lý tương tự!


2. Giao diện người dùng gần như giống hệt với dịch vụ blog nổi tiếng 'Velog'.

Nhật ký cảm xúc (Dự án thực hành khóa học)

  • Chuyển từ Hộp lưu trữ nhật ký → Hộp lưu trữ ảnh

  • Thẻ Nhật Ký

  • Bộ lọc toàn bộ

  • Logic Tìm kiếm

  • Tất cả logic điều hướng trang

  • Logics Modal kép và Provider

Velog (dịch vụ blog nổi tiếng)

  • Trending → Di chuyển đến Mới nhất·Feed

  • Blog Card

  • Tuần này

  • Logic tìm kiếm

  • Tất cả logic điều hướng trang

  • Dual Modal and Provider Logic

  • Chuyển từ Hộp lưu trữ nhật ký → Hộp lưu trữ ảnh: Giống như chuyển từ Trending → Mới nhất·Feed

  • Thẻ nhật ký : Giống với thẻ blog

  • Bộ lọc toàn bộ : Chức năng bộ lọc tuần này giống nhau

  • Cùng logic tìm kiếm

  • Tất cả logic điều hướng trang đều giống nhau

  • Dual modal and provider logic identical

3. Nguyên lý frontend gần như giống hệt với nền tảng du lịch 'MyRealTrip'.



Giờ đây, bất kể dịch vụ nào, bạn đều có thể nhanh chóng và dễ dàng
triển khai frontend từ A đến Z với Vibe Coding thực tế.

Chúng tôi cung cấp
nhiều thiết kế Figma đa dạng để bạn có thể luyện tập.

Chúng tôi cũng đề cập đến cách sử dụng plugin HTML to Design để có được trực tiếp nguồn thiết kế mà bạn mong muốn!

  • Hãy thực hành vibe coding với nhiều thiết kế khác nhau bằng cách chỉnh sửa prompt.

  • Hãy thực hiện một dự án để khởi nghiệp một mình hoặc dịch vụ kiếm tiền.

Velog Figma

Figma của MyRealTrip

29cm Figma

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

Cursor AI cần gói trả phí.

Để đạt được kết quả tốt nhất, tôi đang sử dụng gói trả phí của Cursor AI. Vui lòng lưu ý rằng việc tạo nội dung bằng AI dựa trên Claude 4.0 sẽ tiêu tốn token.

Figma có thể sử dụng gói miễn phí.

Khi tạo dự án với Vibe Coding, bạn không cần dịch vụ trả phí Dev Mode của Figma! Hãy copy và paste thiết kế được cung cấp vào trang của bạn để sử dụng.

Kiến thức cần có và lưu ý

  • Tốt hơn nếu bạn có kiến thức cơ bản về HTML, CSS, Javascript.

  • Nếu bạn có kiến thức cơ bản về React, việc học Vibe Coding sẽ trở nên dễ dàng hơn!

  • Bạn có thể học cách viết prompt và các khái niệm phát triển cùng lúc.

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

  • Nếu bạn là developer muốn tạo frontend nhanh chóng bằng vibe coding

  • Người có thể lập kế hoạch và thiết kế bằng Figma, đặc biệt là UI/UX Designer & PM

  • Nếu bạn muốn dễ dàng tạo ra 'nguồn thu nhập thứ hai' hàng tháng sau giờ làm việc

  • Nếu bạn mơ ước về một startup cần kết quả nhanh chóng

Khóa học này sẽ rất phù hợp với bạn.

Bạn có phải là
lần đầu đến Nowondu không?

Chúng tôi đã tổng hợp các từ khóa và đánh giá khóa học mà Nowondu đã nhận được.
Hãy cùng Nowondu phát triển thành một nhà phát triển ứng dụng thông qua khóa học này🚀

#Kind Blender
#Tỉ mỉ
#Hơi thở mạnh mẽ
#Dễ hiểu
#Lập trình viên chính hiệu
#Người thầy của những người thầy


#Hạt cà phê
#Thích thích

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

Câu hỏi: Cần có kiến thức nền tảng ở mức độ nào?

Khóa học này được tối ưu hóa cho những người có kiến thức cơ bản về React.js hoặc Next.js.
Đây là khóa học cốt lõi giúp bạn học toàn bộ chu trình phát triển thông qua vibe coding dựa trên prompt.
Vì chúng tôi cung cấp working prompt, bạn có thể ứng dụng các prompt này vào dự án cá nhân của mình.
Chúng tôi đã cố gắng đưa vào càng nhiều nội dung càng tốt để các bạn không phải trải qua những thử nghiệm và sai lầm mà chúng tôi đã từng gặp phải.

H. Con trỏ nên sử dụng gói nào?

Để có được kết quả chắc chắn hơn, tôi đang đánh giá rằng nên chọn AI thông minh hơn. Hiện tại tôi đang sử dụng gói trả phí của Cursor cho các khóa học và đang phát triển với Claude 4.0 và o3. Do đó, vui lòng lưu ý rằng token đang bị tiêu hao khá nhiều.

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

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

  • Bất kỳ ai muốn xây dựng dịch vụ thực tế với Vibe Coding

  • Bất kỳ ai muốn sử dụng Vibe Coding tại công ty

  • Bất kỳ ai cần portfolio VibeCode

  • Bất kỳ ai muốn tạo ra dịch vụ khởi nghiệp cá nhân tinh vi bằng Vibe Coding

  • Nhà thiết kế UIUX muốn tạo ra dịch vụ của riêng mình

  • Người lập kế hoạch hoặc PM muốn tạo ra dịch vụ của riêng mình

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

  • React cơ bản

  • HTML, CSS cơ bản

Xin chào
Đây là

15,655

Học viên

468

Đánh giá

230

Trả lời

4.8

Xếp hạng

15

Các khóa học

"Try anything, Try everything!"

Code Camp mang trong mình mục tiêu thay đổi tương lai của ngành phát triển bằng cách đào tạo nên những nhà phát triển tài năng. Chúng tôi đã có mặt tại Inflearn để mang đến cơ hội chuyển đổi nghề nghiệp cho bất kỳ ai, bất kể nền tảng xã hội, kinh tế hay giáo dục. Hãy cùng Code Camp thử thách bản thân để bứt phá trong sự nghiệp!

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

Tất cả

57 bài giảng ∙ (23giờ 36phú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ả

34 đánh giá

4.9

34 đánh giá

  • heetask님의 프로필 이미지
    heetask

    Đánh giá 5

    Đánh giá trung bình 5.0

    Đã chỉnh sửa

    5

    20% đã tham gia

    Hiện tại tôi đã hoàn thành việc học đến phần 2, và vì khóa học quá hay nên tôi để lại đánh giá ở giữa chừng. Chỉ xem đến phần 2 thôi mà tôi đã có thể biết được anh đã chuẩn bị khóa học này một cách chăm chỉ đến mức nào. Tôi đã hiểu được cách sử dụng prompt hiệu quả hơn, và những prompt mà anh hướng dẫn có vẻ rất hữu ích. Đây là khóa học hài lòng nhất trong số các khóa học của 바이브코딩 mà tôi đã xem cho đến nay. Khi đăng câu hỏi thì anh trả lời rất nhanh, nên dù có vấn đề phát sinh trong quá trình học cũng có thể tiếp tục một cách suôn sẻ. Tôi đang học tiến độ rất tốt thì bị giới hạn sử dụng cursor nên buộc phải tạm dừng, sau này sẽ tiếp tục học vui vẻ. Cảm ơn anh vì khóa học hay.

    • 46firstmate님의 프로필 이미지
      46firstmate

      Đánh giá 1

      Đánh giá trung bình 5.0

      5

      32% đã tham gia

      Đây thực sự là một khóa học như vị cứu tinh hoàn hảo cho tình huống mà tôi đang phải đối mặt ở công ty..!

      • codecamp
        Giảng viên

        Thật may mắn khi có thể giúp ích trong công việc thực tế! Hãy tiếp tục phát triển và sử dụng nó một cách tinh vi hơn nữa nhé!

      • Vâng, tôi sẽ tích cực áp dụng! Nếu bạn có bất kỳ mẹo nào liên quan đến claude code thì hãy tạo thành bài giảng cho tôi nhé!

    • promptbankoffici9282님의 프로필 이미지
      promptbankoffici9282

      Đánh giá 1

      Đánh giá trung bình 5.0

      5

      100% đã tham gia

      Phần bổ sung ở cuối Live Challenge cũng có bài giảng thêm, mong anh/chị có thể bán riêng phần đó. Cũng nhờ anh/chị làm bài giảng về phần Backend nữa nhé~~

      • blessthy님의 프로필 이미지
        blessthy

        Đánh giá 14

        Đánh giá trung bình 5.0

        5

        95% đã tham gia

        Tôi muốn trải nghiệm coding với Cursor AI vibe nên đã đăng ký khóa học, mà bất ngờ lại được trải nghiệm luôn frontend mà từ trước đến nay tôi muốn học. Lời to! Những người vốn đã làm frontend có lẽ sẽ học rất nhanh, còn tôi thì mất khá nhiều thời gian để nắm vững kiến thức cơ bản. Thầy giảng viên giải thích rất dễ hiểu và liên tục dành cho những người mới tiếp cận nên rất tốt, và tôi đã học được cách vận dụng prompt như thế nào. Dạo này sau khi Gemini 3 ra mắt thì Antigravity đang nổi lên như đối thủ của Cursor. Ngành này thật sự phát triển nhanh. Dù vậy tôi nghĩ bản chất những gì học được ở đây sẽ không thay đổi. Cảm ơn thầy đã tạo ra khóa học hay như vậy.

        • ppos786679님의 프로필 이미지
          ppos786679

          Đánh giá 3

          Đánh giá trung bình 5.0

          5

          18% đã tham gia

          Cái này thực sự hữu ích cho việc phát triển thực tế. Tuy có độ khó nhất định nhưng tốt hơn nhiều so với những khóa học lập trình sơ sài.

          3.405.891 ₫

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

          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!