inflearn logo
Challenge
Đã kết thúc

[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.

574명이 수강한

강의로 진행되는 챌린지!

React
Next.js
cursor
prompt engineering
Vibe Coding

76개 수업 학습

7회 미션 수행

라이브 5 회

Cursor AI를 활용법 압축학습

매주 이뤄지는 특별 라이브 초대

말 잘 듣는 AI 프롬프트 제공

실습용 피그마 디자인 제공

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

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

nwd09074926님과 함께해요!

14,458

Học viên

481

Đá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일 PM 03:00

챌린지 종료일

2025년 11월 19일 PM 02:59

챌린지 커리큘럼

Tất cả

88 bài giảng ∙ (38giờ 6phú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% 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á

  • jjoya님의 프로필 이미지
    jjoya

    Đánh giá 5

    Đánh giá trung bình 5.0

    5

    30% đã tham gia

    Tôi đang nghe rất tốt

    • naraehyeon9641님의 프로필 이미지
      naraehyeon9641

      Đánh giá 2

      Đánh giá trung bình 5.0

      5

      90% đã tham gia

      Tôi đã nắm được cảm giác về việc lập trình bằng cách sử dụng AI. Cả trong quá trình nghe bài giảng và hiện tại, mọi thứ đang thay đổi quá nhanh, nên việc được nghe những bài giảng như thế này từ giai đoạn đầu có vẻ sẽ giúp ích rất lớn về sau! Cảm ơn giảng viên Noh Won-du 😊

      • redpoint12038146님의 프로필 이미지
        redpoint12038146

        Đánh giá 4

        Đánh giá trung bình 4.0

        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 ạ.

        • ddw1079님의 프로필 이미지
          ddw1079

          Đánh giá 1

          Đánh giá trung bình 5.0

          5

          31% đã tham gia

          • tjqvnd1235235님의 프로필 이미지
            tjqvnd1235235

            Đánh giá 2

            Đánh giá trung bình 5.0

            5

            5% đã tham gia

            이 강의의 지난 수강평

            취소 및 환불 규정
            챌린지는 지식공유자가 설정한 수업 최소 정원이 충족되지 않을 경우, 폐강 안내가 고지되며 결제 내역이 자동취소됩니다.

            185.570 ₫

            30%

            5.554.000 ₫