[Live Challenge] Hoàn thành trong 6 tuần! Viết code thực chiến cô đọng với Vibe Coding (Cursor AI, Figma)
Thông qua thử thách này, bạn có thể học được phương pháp Vibe Coding dành cho lập trình viên có thể áp dụng trong thực tế. Bạn có thể xây dựng khả năng sử dụng AI trong phát triển để tạo portfolio Vibe Coding và chuẩn bị cho việc xin việc.
76개 수업 학습
7회 미션 수행
라이브 5 회
Cursor AI를 활용법 압축학습
매주 이뤄지는 특별 라이브 초대
말 잘 듣는 AI 프롬프트 제공
실습용 피그마 디자인 제공
무제한 복습, 내 것으로 만들어요.
성취의 증표, 수료증을 발급해요.
nwd09074926님과 함께해요!
Xác minh Inflearn
14,501
Học viên
492
Đánh giá
968
Trả lời
4.8
Xếp hạng
12
Các khóa học
Đồng giảng viên
＊Nhờ sự ủng hộ nhiệt tình, chúng tôi đang tuyển thêm thành viên cho đến khi thử thách bắt đầu!＊
Sau khóa học này, các bạn sẽ...
1. Bất kỳ thiết kế Figma nào cũng có thể triển khai 100%
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 thô sơ → Tạo chính xác (Ví dụ trang chủ Yanolja)
2. Triển khai 100% chức năng theo đúng ý đị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?
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ế!
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 thực tế, không phải những tính năng chỉ nghe có vẻ hay!
Vibe coding cho công việc thực tế
phải khác biệt.
Cả nhà phát triển và người không phải nhà phát triể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ể phát triển chủ động 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 đã kiểm chứng 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 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
[Live] Vibe Coding dành cho các Developer? - Giới thiệu Challenge
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! Cách Tạo Ra 100% Kết Quả UI Mong Muốn
[Nhiệm vụ]: Tạo giao diện người dùng theo từng bài học và hoàn thành 100% theo thiết kế Figma rồi nộp bài!
Tuần 2
Nâng cao Rule: 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 liên kết dữ liệu theo bài học và nộp bài
[Live] :Nâng cấp cấu trúc thư mục UI được tối ưu hóa cho Vibe Coding nâng cao
Tuần 3
Triển khai tính năng - Kết nối dữ liệu: Có dữ liệu cũng đơ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
[Live] : Q & A
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 từng lớp học rồi nộp bài
[Live] : Phát triển Fullstack Serverless với Supabase và Vercel
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
[Trực tiếp] : Tự động hóa prompt 200% bằng AI
Tuần 6
Thiết kế responsive: Ôi phiền quá, cái này cũng tự làm giúp tôi đi!
[Nhiệm vụ] : Hoàn thành 100% giao diện responsive theo bài học và nộp bài
[Live] : Xây dựng hệ thống xử lý song song từ con số 0
🍌 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à nhà phát triển muốn tạo frontend nhanh chóng với 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à 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ờ tan làm
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 tiên đến
Nowon-du không?
Chúng tôi đã tổng hợp các từ khóa và đánh giá khóa học về Nowondu mà chúng tôi nhận được trong thời gian qua.
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🚀
#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 những người thầy
#Hạt cà phê
#Thích thích
10월
12일
챌린지 시작일
2025년 10월 12일 오후 03:00
챌린지 종료일
2025년 11월 19일 오후 02:59
챌린지 커리큘럼
Tất cả
88 bài giảng ∙ (38giờ 6phút)
Tài liệu khóa học:
10. [2-3] Tạo enum
10:59
11. [2-4] Tạo URL
07:22
챌린지에서 배워요
Cách tạo UI giống 100% thiết kế Figma bằng Vibe Coding
# Hướng dẫn Dịch thuật Chuyên nghiệp: Tiếng Hàn sang Tiếng Việt Bạn là một chuyên gia dịch thuật chuyên nghiệp chuyên về dịch từ tiếng Hàn sang tiếng Việ
Hoàn thành toàn bộ dự án tập trung vào tính năng bằng Vibe Coding
Portfolio của Vibe Coding
Vibecoding thực chiế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
Nhà 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á
Tất cả
5 đánh giá
5.0
5 đánh giá
redpoint12038146Đánh giá 5
∙
Đánh giá trung bình 4.2
5
61% đã tham giaĐây là khóa học tốt nhất trong số các khóa học Inflearn mà tôi đã học cho đến nay. Lý do là vì khóa học thực sự giải thích rõ ràng cách áp dụng vibe coding mà tôi đang băn khoăn trong công việc thực tế vào thực tiễn, và đã giải quyết được nhiều phần trong những vấn đề mà tôi đã lo lắng. Thầy ơi, giọng nói của thầy cũng rất rõ ràng nên nghe rất thoải mái. Cảm ơn thầy ạ.
- naraehyeon9641
Đánh giá 2
∙
Đánh giá trung bình 5.0
- jjoya
Đánh giá 5
∙
Đánh giá trung bình 5.0
- tjqvnd1235235
Đánh giá 2
∙
Đánh giá trung bình 5.0
- ddw1079
Đánh giá 1
∙
Đánh giá trung bình 5.0
이 강의의 지난 수강평
취소 및 환불 규정
챌린지는 지식공유자가 설정한 수업 최소 정원이 충족되지 않을 경우, 폐강 안내가 고지되며 결제 내역이 자동취소됩니다.