inflearn logo
Challenge
Đã kết thúc

6 tuần hoàn thành! Vibe Coding cô đọng cho thực tế phát triển (Cursor AI, Figma)

Truyền đạt bí quyết Vibe Coding có thể áp dụng vào thực tế công việc. UI từng không thể tùy chỉnh, giờ có thể phát triển 100% theo kế hoạch! Bạn có thể tạo portfolio 'Vibe Coding' để xin việc. Bạn có thể trải nghiệm phương pháp Vibe Coding an toàn nhất và thực tế nhất, có thể áp dụng vào công việc thực tế.

574명이 수강한

강의로 진행되는 챌린지!

React
Next.js
cursor
prompt engineering
Vibe Coding

80개 수업 학습

6회 미션 수행

라이브 5 회

성취의 증표, 수료증을 발급해요.

질문하고 즉시 답을 얻어요.

무제한 복습, 내 것으로 만들어요.

지식공유자와 멘토링 혜택!

추가 자료를 통해 학습을 이어나가요.

codecamp님과 함께해요!

15,842

Học viên

496

Đánh giá

232

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!

Thêm

Đồng giảng viên

*Nhờ sự ủng hộ nhiệt tình, chúng tôi đã bắt đầu tuyển sinh khóa 2*

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 không?

Chúng tôi sẽ tiết lộ bí quyết để tạo ra thiết kế
Figma chính xác mà đội của bạn hoặc bạn muốn làm
một cách 100% chính xác và nhanh chóng bằng Vibe Coding.

Kết quả Figma MCP ban đầu còn sơ sài → 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ự chuyên nghiệp phải không?

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.


Cả lập trình viên và người không phải lập trình viên đều có thể
học vibe coding có thể áp dụng 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 tập đầy đủ.

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

Chương trình học khó khăn nhất nhưng cũng tự tin nhất

Do đặc thù của vibe coding mà kết quả mỗi lần đều khác nhau, chúng tôi đã xác minh và hoàn thiện để mọi người đều có thể đạt được thành quả như nhau.

Khi tham gia thử thách, bạn sẽ nhận được thêm live coding và phản hồi nhiệm vụ để tối đa hóa hiệu quả học tập!

Hãy cùng xem chương trình học thực tế và thử thách nhé.

Tuần 1

  • Vibe Coding với Cursor AI: Bí quyết Vibe Coding không thất bại

  • Tạo các phần tử chung: Tạo trước những thứ được sử dụng lặp đi lặp lại


  • Tạo UI - Zero Bức Bối! Phương Pháp Tạo Ra 100% Kết Quả UI Như Ý Muốn

  • Triển khai Vercel CI/CD (Triển khai và nộp kết quả của bạn)

  • [Nhiệm vụ] : Tạo UI theo bài học và triển khai 100% theo thiết kế Figma rồi nộp bài!

  • [Live] :Vibe Coding thực tế là gì?

Tuần 2

  • Rule nâng cao: Làm cho AI quý giá như vàng nghe lời tốt hơn

  • Triển khai tính năng - Không liên kết dữ liệu: Không có dữ liệu thì đơn giản thôi!

  • [Nhiệm vụ]: Hoàn thành 100% việc triển khai không kết nối dữ liệu theo bài học và nộp bài

  • [Live] :Cập nhật thông tin mới nhất (Chỉ công khai cho học viên)


Tuần 3

  • Triển khai tính năng - Kết nối dữ liệu: Dù có dữ liệu, vẫn đơn giản thôi!

  • Tích hợp API: Cái gì? Tự động làm hết sao?

  • [Nhiệm vụ]: Hoàn thành 100% việc kết nối dữ liệu và triển khai API theo bài học rồi nộp bài

  • [Trực tiếp] : Cập nhật thông tin mới nhất (Chỉ công khai cho học viên)


Tuần 4

  • Tạo đăng nhập: Bạn có thể tự tạo UI cho tôi không?

  • Triển khai phân nhánh quyền hạn: Không có gì là bạn không làm được sao?

  • [Nhiệm vụ] : Hoàn thành 100% việc triển khai phân nhánh đăng nhập và phân quyền theo bài học rồi nộp bài

  • [Live] : Cập nhật thông tin mới nhất (Chỉ công khai cho học viên)


Tuần 5

  • Xử lý song song: Nếu nhanh gấp 10 lần thì có thể kiếm được gấp 10 lần tiền không?

  • [Nhiệm vụ] : Hoàn thành 100% chức năng bằng xử lý song song theo bài học và nộp bài

  • [Live] : Cập nhật thông tin mới nhất (Chỉ công khai cho học viên)


Tuần 6

  • Thiết kế responsive: Ôi phiền quá, cái này cũng tự động giúp tôi luôn đi!

  • [Nhiệm vụ] : Hoàn thành 100% giao diện responsive theo bài học và nộp bài

  • [Trực tiếp] : Cập nhật thông tin mới nhất (chỉ công khai cho học viên)


Tạp chí IT theo dõi (chuyển đổi sang mô hình có lợi nhuận)

  • Hệ thống thanh toán: Phương pháp đơn giản nhất nhưng ổn định nhất với Vibe Coding

  • Hình ảnh và Thumbnail: Xây dựng hệ thống hình ảnh với Supabase

  • Đăng nhập và phân quyền: Phân biệt người đăng ký và người chưa đăng ký

  • [Nhiệm vụ] : Hoàn thành 100% giao diện responsive theo bài học và nộp bài



🍌 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 sao chép và dán 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 nếu bạn là UIUX 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ờ tan ca

  • 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ẽ hoàn toàn phù hợp với bạn.



Bạn có phải là lần đầu tiên đế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à Noh Won-doo đã nhận được.
Hãy cùng phát triển thành một nhà phát triển ứng dụng với Noh Won-doo thông qua khóa học này🚀

#Bài giảng tận tâm
#Tỉ mỉ
#Đầy năng lượng
#Dễ hiểu
#Lập trình viên chân chính
#Người thầy của các người thầy


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

1월

4일

챌린지 시작일

2026년 1월 4일 PM 03:00

챌린지 종료일

2026년 2월 15일 PM 02:30

챌린지 커리큘럼

Tất cả

91 bài giảng ∙ (40giờ 57phút)

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

Tài liệu bài giảng
챌린지 전용 수업
Trực tiếp

챌린지에서 배워요

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

  • # Hướng dẫn Tạo Prompt Thực tế Có Thể Áp Dụng ## Nguyên tắc Cơ bản Khi tạo prompt hiệu quả, hãy tuân theo các nguyên tắc sau: ### 1. Rõ

  • Hoàn thành toàn bộ dự án tập trung vào tính năng với Vibe Coding

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

  • Vibe Coding tập trung vào thực tiễn có thể áp dụng trong công ty

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ế bằng 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 Vibe Coding

  • 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 hoạch định 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?

  • Cơ bản về React

  • Cơ bản về HTML, CSS

Đá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 codecamp

Hãy khám phá các khóa học khác của giảng viên!

3.911.688 ₫

29%

5.554.000 ₫