Tạo dịch vụ web với Vibe Coding With Claude Code

Name: Tạo dịch vụ web với Vibe Coding With Claude Code
Price: 12100 KRW
Rating: 4.9 (9 reviews)

Một CTO hiện tại của startup sẽ truyền đạt kiến thức về vibe coding thu được thông qua dịch vụ thực tế và nhiều dự án outsourcing.

(4.9) 9 đánh giá

86 học viên

ref63184917

AI 코딩

AI 활용법

실습 중심

claude

바이브코딩

HTML/CSS

JavaScript

Next.js

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

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

Bạn có thể học các kỹ thuật thực tế của Claude Code.
Bạn có thể tạo dịch vụ web thông qua Claude Code.

Giám đốc công nghệ startup đương nhiệm hướng dẫn nhập môn Vibe Coding

Thời đại chỉ có các lập trình viên mới viết code đã qua rồi.

Thời gian trước khi thuê ngoài làm các dự án đơn giản như trang landing page, vừa mất thời gian lâu vừa tốn kém tiền bạc. Nhưng bây giờ thì khác rồi. Thời đại mà ngay cả những người chưa từng code cũng có thể dễ dàng tạo ra được đã đến.

Trong khóa học này, chúng ta sẽ tạo ra các dịch vụ có thể triển khai thực tế từ ứng dụng TODO sử dụng Claude Code đến trang landing chuyên nghiệp. Khóa học bao gồm các chủ đề có thể áp dụng ngay trong công việc thực tế như cách viết PRD, kiểm thử tự động sử dụng Playwright MCP.

Ngoài ra, chúng tôi cũng giới thiệu sự khác biệt và ưu nhược điểm của từng công cụ Replit, V0, Claude Code, để làm rõ những điểm cần xem xét khi lựa chọn công cụ.

"Tôi hiện đang là CTO của một startup và đang phát triển nhiều dự án outsourcing cũng như các tính năng thông qua 바이브코딩. Tôi sẽ chia sẻ kiến thức về 바이브코딩 thu được từ thực tế công việc để giúp nâng cao năng suất phát triển của các bạn"

Các trường hợp áp dụng thực tế:

Dự án thuê ngoài 2 tuần → rút ngắn còn 4 ngày
Giảm nhân lực phát triển từ 3 người → 1 người

Những điểm đặc biệt chú ý trong quá trình sản xuất:

Tất cả các ví dụ được triển khai ở mức độ dịch vụ thực tế
Khóa học hoàn chỉnh bao gồm cả URL triển khai

Đặc điểm của khóa học này

📌 Kinh nghiệm thực tế từ CTO đương nhiệm: Chỉ truyền đạt những phương pháp luận đã được kiểm chứng tại startup thực tế
📌 Sản phẩm có thể triển khai ngay lập tức: Sau khi kết thúc khóa học, bạn sẽ sở hữu 2 portfolio
📌 Triết lý Vibe Coding: Không chỉ là cách sử dụng công cụ đơn thuần mà là tiếp thu paradigm phát triển mới
📌 Dễ dàng ngay cả với người không phải developer: Những người chưa từng coding cũng có thể tạo ra một cách dễ dàng.

Điểm khác biệt với các khóa học khác:

❌ 10 giờ lý thuyết nhàm chán → ⭕ Thực chiến cô đọng chỉ có tinh túy
❌ Sao chép-dán theo làm → ⭕ Thực hành hiểu và ứng dụng
❌ Kết thúc bằng "Hello World" → ⭕ Triển khai dịch vụ thực tế

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

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

Doanh nhân làm việc một mình
Những người muốn phát triển landing page một cách nhanh chóng
Những người lần đầu tiếp xúc với Vibe Coding
PM, người lập kế hoạch, nhà thiết kế
Những người cảm thấy thất vọng và hạn chế với các dịch vụ Replit, V0 Sass

Xin chào
Đây là

Học viên

Đánh giá

Trả lời

4.9

Xếp hạng

Khóa học

안녕하세요! 현재 6년차 백엔드 개발자이자 스타트업 8around의 공동창업자이자 CTO로 활동하고 있습니다.

현재 8around 공동창업자 & CTO
이전 Peertec 백엔드 개발자
이전 넛지헬스케어 백엔드 개발자
이전 디노플러스 SI 연구원

"시대 흐름에 따라 코딩의 패러다임은 계속 변화합니다.
스타트업은 빠른 생산성이 생명입니다."

실무에서 배운 살아있는 지식들을 아낌없이 공유하여
함께 성장할 수 있으면 좋겠습니다.

특히 스타트업 CTO로서 경험한 빠른 개발과 효율적인 문제 해결,
그리고 AI 도구를 활용한 10배 생산성의 노하우를 전달해드리겠습니다.

쓰레드 주소: https://www.threads.com/@_ju_tiger_lee_?xmt=AQGzlyBCdXBzZhOxuDhnkJBbfE_do6IUVKX1C-ZEkvA1xU0

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

Tất cả

15 bài giảng ∙ (4giờ 2phút)

Phần 1. Bắt đầu với Vibe Coding

3 bài giảng ∙ (19phút)

Phần 2. Tạo trang web TODO của riêng tôi

4 bài giảng ∙ (57phút)

4. Thiết lập ban đầu
09:11
5. HTML&CSS&JS là gì?
15:19
6. Tạo trang web TODO
18:45
7. Tự động kiểm thử với PlayWright MCP
14:03

Phần 3. Tạo trang đích của riêng tôi

8 bài giảng ∙ (2giờ 46phút)

8. Tạo trang đích với Replit
17:48
9. Viết PRD
15:02
10. Chia nhỏ task bằng Task Master
28:15
11. Tệp CLAUDE.md là gì?
10:24
12. Phát triển trang đích
40:11
13. Sử dụng SuperClaude
39:55
14. Sử dụng SuperClaude tối đa trong chế độ Plan
06:03
15. Triển khai Vercel
08:38

Ngày đăng:

Cập nhật lần cuối:

Đánh giá

Tất cả

9 đánh giá

4.9

9 đánh giá

Suhyeon Park
Đánh giá 2
∙
Đánh giá trung bình 5.0
5
53% đã tham gia
여러 바이브 코딩 도구 중 Claude Code를 선택하는 과정을 직접 보여주셔서 좋았습니다. 단순히 사용법만 설명해주시는 게 아니라 왜 Claude Code를 쓰는지 이유를 알 수 있어서 좋았고, MCP나 Claude Code 실제 활용 방법도 자세히 다뤄주셔서 바로 따라하고 활용하기 좋아요. 추천합니다!
- 개발 까마귀
  Giảng viên
  기분좋은 수강평 달아주셔서 감사드립니다. 아무래도 Claude Code를 처음 선택할때 많은 고민이 들었는데 달아주신 수강평을 보니 괜한 걱정이었던거 같습니다. 앞으로도 더 좋은 강의 만들수있도록 노력하겠습니다.
giroro
Đánh giá 2
∙
Đánh giá trung bình 5.0
5
47% đã tham gia
강의 잘 봤습니다. 쥬니어 프로그래머들에게 바이브 코딩 입문으로 추천합니다!
- 개발 까마귀
  Giảng viên
  수강평 감사드립니다. 쥬니어분들에게 추천까지 해주시니 뿌듯합니다 ㅎㅎ 더 좋은 강의로 뵙도록 하겠습니다. 감사합니다~!
루모
Đánh giá 2
∙
Đánh giá trung bình 5.0
5
33% đã tham gia
- 개발 까마귀
  Giảng viên
  높은 점수의 평가 감사합니다~! 도움이 되신거같아 기쁩니다.
최용원
Đánh giá 26
∙
Đánh giá trung bình 4.8
5
33% đã tham gia
클로드에 대해서 개념을 잡는데 도움이 많이 되었습니다.감사합니다.
- 개발 까마귀
  Giảng viên
  도움되셨다니 다행입니다~! 더 좋은 강의로 뵙도록하겠습니다.
winry
Đánh giá 14
∙
Đánh giá trung bình 4.6
4
100% đã tham gia
- 개발 까마귀
  Giảng viên
  높은 점수의 수강평 감사드립니다.

268.793 ₫

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!

[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)

코드캠프

10분만에 바이브코딩으로 만들 수 있는 단순한 서비스는 이제 버리세요! '진짜' 실무적용 바이브코딩을 배울 수 있습니다. 기획과 디자인대로 실서비스 수준의 고도화된 서비스를 커서AI NCOP로 만들어보시죠. No Code, Only Prompt

Intermediate

React, Next.js, cursor

[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)

코드캠프

모던 웹 인터렉티브 CSS3 [PART2/3]

영코디 킴쌤

초등학생 코딩교육부터 시작하여 IT소프트웨어학과의 고등학생, 컴공과 대학생, 비전공자인 취준생을 대상으로 15년 넘게 코딩교육에 전념해온 현직 스타강사 영코디 킴쌤의 쉽고 재미있는 코딩강의를 이제 오프라인 뿐만 아니라 온라인에서도 만나실 수 있습니다. 500여명이 넘는 프론트엔드, 백엔드, 풀스택, 웹 개발자를 배출해온 영코디 킴쌤과 함께라면 당신의 개발자 꿈도 곧 현실이 됩니다!

Beginner

HTML/CSS, 웹 디자인, css3

모던 웹 인터렉티브 CSS3 [PART2/3]

영코디 킴쌤

처음부터 만들어보는 웹 개발 입문: HTML · JavaScript · Node · DB · Next.js

ludgi

이 강의는 “최신 기술로 대단한 걸 만들자”가 아니라, “조금만 알아도 직접 만들 수 있다”는 걸 느끼게 해주는 가장 현실적인 웹 개발 입문 강의입니다. HTML과 JavaScript로 기본 구조를 만들고, Node.js와 SQLite를 이용해 데이터를 주고받으며, Next.js로 간단한 웹 페이지까지 완성해봅니다. 복잡한 설정이나 어려운 이론은 최소화하고, 실제로 작동하는 코드를 작성하면서 웹 개발의 감과 흐름을 손으로 익히는 것에 집중합니다. 이 강의는 ‘배우는 것’보다 ‘직접 해보는 경험’이 중심입니다. 조금이라도 코드를 만져본 적이 있다면, 누구나 따라 하며 완성의 성취감을 느낄 수 있습니다.

Beginner

HTML/CSS, JavaScript, Node.js

처음부터 만들어보는 웹 개발 입문: HTML · JavaScript · Node · DB · Next.js

ludgi

[말 한마디로 뚝딱!] AI와 함께 나만의 수익화 웹사이트를 만드는 법

치트키 알려주는 남자

AI와 그누보드를 활용해, IT 초보라도 아이디어 하나로 ‘나만의 플랫폼 CEO’가 되는 시대! 기획부터 배포까지 실제 개발 과정을 낱낱이 시연하고, 광고·쇼핑몰 등 다양한 수익화 방법까지 알려드립니다. 지금 바로 온라인 비즈니스를 시작하세요!

Basic

HTML/CSS, Java, MySQL

[말 한마디로 뚝딱!] AI와 함께 나만의 수익화 웹사이트를 만드는 법

치트키 알려주는 남자

이거 하나로 종결 - 32시간 고품질 스프링 풀스택 웹 개발

그린코딩

그냥 들어보세요. 강의력과 흡입력 그리고 강의의 질이 다릅니다.

Beginner

HTML/CSS, JavaScript, JSP

이거 하나로 종결 - 32시간 고품질 스프링 풀스택 웹 개발

그린코딩

조코딩의 코딩 기초와 웹 풀스택 개발

조코딩

코딩 1위 유튜버 조코딩의 실전 압축! 쉽고 재미있는 웹 풀스택 개발 강의

Beginner

HTML/CSS, JavaScript, Node.js

조코딩의 코딩 기초와 웹 풀스택 개발

조코딩

모바일 웹 퍼블리싱 포트폴리오 with Figma

코딩웍스(Coding Works)

퍼블리셔 취업과 퍼블리셔 실무에서 가장 경쟁력이 있는 모바일 웹 제작 능력을 향상할 수 있습니다. 퍼블리셔로서 모바일 웹을 제작하기 위한 거의 모든 제작 방법과 노하우를 다질 수 있습니다. 특히 요즘 퍼블리셔와 개발자에게 요구되는 디자인 능력을 피그마(Figma) 학습으로 많은 부분 커버할 수 있도록 피그마(Figma)로 모바일 웹 UI 디자인 작업을 하는 과정도 상세하게 설명하였습니다. 모바일 웹 퍼블리싱 수업에서 가장 강점인 부분인 HTML 와이어프레임 상세한 작성법을 모든 페이지 하나하나 상세하게 설명합니다. 강의를 통해 HTML 와이어프레임 제작 능력이 크게 향상될 것입니다. 모바일 웹 퍼블리싱은 CSS 변수(Var) 활용한 모바일과 태블릿에 맞춘 레이아웃을 완벽하게 맞추는 학습을 통해서 실무 작업과 대동소이한 정도의 작업 능력을 갖추게 됩니다. Flex 레이아웃을 중심으로 중상급 CSS 실전 능력을 충분히 갖추시게 됩니다.

Basic

HTML/CSS, 포트폴리오, 모바일 디자인

모바일 웹 퍼블리싱 포트폴리오 with Figma

코딩웍스(Coding Works)

바이브 코딩: Next.js + FastAPI + Faster-Whisper로 음성 메모 앱 만들기

ludgi

Whisper를 로컬에서 실행하고, FastAPI와 Next.js를 활용해 AI 음성 인식 앱을 빠르게 개발하는 실전 프로젝트 강의입니다. 실시간 음성 인식까지 구현하며, 짧은 시간 안에 간단한 포트폴리오로 활용할 수 있는 결과물을 완성할 수 있습니다.

Basic

Next.js, FastAPI, whisper

바이브 코딩: Next.js + FastAPI + Faster-Whisper로 음성 메모 앱 만들기

ludgi

누구보다 빠르게 해보는 ChatGPT 클론코딩

Neo

ChatGPT를 클론코딩하며 처음부터 끝까지 직접 구현해보는 풀스택 실습 강의입니다. Spring Boot 서버와 React 프론트엔드까지! 단순히 코드만 따라 치는 강의가 아니라, 실제 서비스 배포를 통해 완성도 높은 AI 챗봇 서비스를 구축할 수 있도록 안내합니다.

Basic

JavaScript, React, Java

누구보다 빠르게 해보는 ChatGPT 클론코딩

Neo

웹게임을 만들며 배우는 인터렉티브웹! JAVASCRIPT

깡코딩

웹게임도 만들고, 프론트엔드 웹 개발 스킬도 배우는 1석 3조 수업! 독자적인 아이디어로 JavaScript, CSS, HTML을 활용해 게임을 만들 수 있는 방법을 수업으로 만들었습니다!

Basic

인터랙티브 웹, JavaScript, HTML/CSS

웹게임을 만들며 배우는 인터렉티브웹! JAVASCRIPT

깡코딩

[풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14)

로펀

풀스택 개발에 날개를 달아줄 Supabase! 3가지의 클론 프로젝트를 통해 Next.js 14와 Supabase로 실무 수준의 풀스택 개발을 하는 법을 속성으로 배우게 됩니다.

Basic

Next.js, supabase, TailwindCSS

[풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14)

로펀

모바일 웹 퍼블리싱 포트폴리오 with CSS Nesting

코딩웍스(Coding Works)

19페이지, 총 22가지 다양한 모바일 레이아웃 제작하면서 퍼블리셔 취업과 퍼블리셔 실무에서 가장 경쟁력이 있는 모바일 웹 제작 능력을 향상할 수 있습니다. 퍼블리셔로서 모바일 웹을 제작하기 위한 거의 모든 제작 방법과 노하우를 다질 수 있습니다. 모바일 웹 퍼블리싱 수업에서 가장 강점인 부분인 HTML 와이어프레임 상세한 작성법을 모든 페이지 하나하나 상세하게 설명합니다. 강의를 통해 HTML 와이어프레임 제작 능력이 크게 향상될 것입니다. 특히 CSS 중첩(Nesting) 방식을 충분히 학습할 수 있습니다. Flex 레이아웃을 중심으로 중상급 CSS 실전 능력을 충분히 갖추시게 됩니다.

Basic

모바일 디자인, HTML/CSS, wireframe

모바일 웹 퍼블리싱 포트폴리오 with CSS Nesting

코딩웍스(Coding Works)

React + GPT API로 AI회고록 서비스 개발 (원데이 클래스)

도도(코딩루팡)

1시간안에 끝내는 React기반의 GPT AI서비스 강의 수강 후 나만의 AI GPT SASS 솔루션을 만들어 보세요.

Basic

React, ChatGPT, JavaScript

React + GPT API로 AI회고록 서비스 개발 (원데이 클래스)

도도(코딩루팡)

알면 칼퇴하는 Spring Boot 백엔드 바이브 코딩 맛보기

널널한 개발자

IntelliJ를 사용하는 Java 백엔드 개발자들이 Claude Code를 이용해 생산성을 극대화 할 수 있는 방법을 알려드립니다. 특히 윈도우 환경을 사용하는 분들이 겪는 바이브 코딩 환경 문제를 완벽히 해결할 수 있도록 도와드립니다.

Beginner

Java, Spring Boot, IntelliJ IDEA

알면 칼퇴하는 Spring Boot 백엔드 바이브 코딩 맛보기

널널한 개발자

효과적인 모바일 UX 만들기 (디자인 + 코딩)

유용한IT학습

Photoshop과 Adobe XD 프로그램을 활용해 다양한 디바이스의 웹, 앱 레이아웃을 디자인해 본 뒤 간단한 코딩 기술을 학습해 직접 구현해볼 수 있게 됩니다.

Basic

HTML/CSS, jQuery, XD

효과적인 모바일 UX 만들기 (디자인 + 코딩)

유용한IT학습

[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기

판다코딩

HTML / JS / CSS 만을 가지고 직접 심리 테스트 사이트를 만들고, 배포해보는 Project 사이트를 제작합니다.

Basic

HTML/CSS, JavaScript, Bootstrap

[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기

판다코딩

모던 웹 인터렉티브 CSS3 부트캠프 [Full vers.]

영코디 킴쌤

Beginner

HTML/CSS, 웹 디자인, 클론코딩

모던 웹 인터렉티브 CSS3 부트캠프 [Full vers.]

영코디 킴쌤

공식문서로 배우는 실전 타입스크립트

어쩔코딩

타입스크립트를 제대로 이해하려면 공식문서를 한번쯤 보셔야겠죠? 문서에서 중요한 부분들만 콕 집어서 알기 쉽게 전달해드리고 실전에 필요한 내용들도 같이 알려드리는 강의입니다!

Beginner

TypeScript, JavaScript, ES6

공식문서로 배우는 실전 타입스크립트

어쩔코딩

입문자를 위한 자바스크립트 기초 강의

유노코딩

웹 사이트를 움직이는 프로그래밍 언어, 자바스크립트의 주요 개념과 문법, 그리고 활용 방법을 소개합니다. 이제 막 HTML/CSS 걸음마를 떼신 분들도 부담 없이 소화하실 수 있는, 자바스크립트 입문 수업입니다.

Beginner

JavaScript

입문자를 위한 자바스크립트 기초 강의

유노코딩

자바스크립트 입문자를 위한 강의

JeongTaeHyun

자바스크립트 입문을 하시고 싶으신가요? 그럼 저의 강의를 선택해 주세요.

Basic

JavaScript

자바스크립트 입문자를 위한 강의

JeongTaeHyun

Tạo dịch vụ web với Vibe Coding With Claude Code

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

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

Giám đốc công nghệ startup đương nhiệm hướng dẫn nhập môn Vibe Coding

Đặc điểm của khóa học này

Tôi khuyến nghị cho những người như thế này

Sau khi hoàn thành khóa học

Kết quả được tạo ra thông qua Vibe Coding.

Người tạo ra khóa học này

Những điều cần lưu ý trước khi học

Môi trường thực hành

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

Xin chào
Đây là

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

Đánh giá

Khóa học tương tự

Tạo dịch vụ web với Vibe Coding With Claude Code

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

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

Giám đốc công nghệ startup đương nhiệm hướng dẫn nhập môn Vibe Coding

Đặc điểm của khóa học này

Tôi khuyến nghị cho những người như thế này

Sau khi hoàn thành khóa học

Kết quả được tạo ra thông qua Vibe Coding.

Người tạo ra khóa học này

Những điều cần lưu ý trước khi học

Môi trường thực hành

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

Xin chàoĐây là .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}

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

Đánh giá

Khóa học tương tự

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

Xin chào
Đây là