inflearn logo

Tự phát triển cửa hàng trực tuyến bằng AI Vibe Coding (Vibe) (Phần thiết kế) Phần 2: Trang chính và menu điều hướng 2

Đây là quá trình sử dụng Cursor AI để triển khai trang chính của cửa hàng trực tuyến và menu điều hướng chỉ bằng các câu hỏi. Nội dung thực hành này đề cập đến việc áp dụng các yếu tố thiết kế vào quá trình phát triển theo phương pháp lập trình AI vibe.

1 học viên đang tham gia khóa học này

Độ khó Nhập môn

Thời gian 12 tháng

Cursor AI
Cursor AI
ecommerce
ecommerce
frontend
frontend
game-ai
game-ai
Cursor AI
Cursor AI
ecommerce
ecommerce
frontend
frontend
game-ai
game-ai
Thumbnail

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

  • Có thể trực tiếp xây dựng trang chủ của cửa hàng trực tuyến bằng cách sử dụng Cursor AI.

  • Có thể thiết kế và phát triển menu điều hướng bằng công cụ lập trình AI.

  • Có thể xây dựng ứng dụng web bằng phương pháp lập trình AI theo kiểu vibe dựa trên câu hỏi.

AI Vibe 코딩으로 혼자 쇼핑몰 개발하기 (디자인편) Part.2
Chỉ với một dòng câu hỏi, trang chủ của cửa hàng trực tuyến sẽ được hoàn thiện.
Xây dựng bố cục trang chính dựa trên Cursor AI / Thiết kế UI menu điều hướng / Triển khai các yếu tố thiết kế trên front-end
AI Vibe 코딩으로 혼자 쇼핑몰 개발하기 (디자인편) Part.2 강의 대표 이미지
VỀ KHÓA HỌC NÀY
Bạn có thể tự mình triển khai trang chính của cửa hàng trực tuyến và menu điều hướng theo quy trình yêu cầu AI rồi kiểm tra kết quả.
CÔNG CỤ

Công cụ được sử dụng

Đây là công cụ được sử dụng trong phần thực hành.

Cu

Cursor AI

ĐẦU RA

Bạn sẽ tạo ra những thứ như thế này

Sau khi hoàn thành khóa học, bạn sẽ sở hữu những sản phẩm đầu ra dưới đây.

🛍️

Trang chính của trang mua sắm

Bố cục trang chính của cửa hàng trực tuyến được triển khai bằng prompt AI

본편
🧭

Giao diện người dùng menu điều hướng

Thành phần menu điều hướng có cân nhắc đến lộ trình di chuyển của người dùng

본편
CHƯƠNG TRÌNH HỌC

Bạn có thể học được những điều như thế này.

Đây là những lĩnh vực học tập cốt lõi được đề cập trong khóa học.

본편

Tạo trang chính bằng AI vibe coding

Nắm vững quy trình trực tiếp triển khai bố cục trang chính của cửa hàng trực tuyến bằng cách gửi câu hỏi cho Cursor AI.

본편

Thiết kế và triển khai menu điều hướng

Trao đổi với AI để hoàn thiện menu điều hướng cần thiết cho trang mua sắm theo từng đơn vị UI.

본편

Triển khai các yếu tố thiết kế trên giao diện frontend

Trải nghiệm quá trình áp dụng các yếu tố thiết kế vào giao diện thực tế bằng phương pháp lập trình AI.

LƯU Ý

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

  • Khóa học này là Part.2; nếu học sau khi hoàn thành Part.1, quá trình học sẽ tự nhiên hơn.
  • Đây là khóa học không cung cấp hỗ trợ hỏi đáp.
  • Khi xem với tốc độ từ 1,5x trở lên, hãy chú ý để không bỏ lỡ tiến trình thực hành.
  • Giao diện và phiên bản tại thời điểm quay có thể khác với môi trường mới nhất.
  • Học viên cần tự chuẩn bị trước tài khoản và môi trường Cursor AI.

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

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

  • Người không chuyên muốn tự xây dựng trang web bán hàng bằng cách sử dụng công cụ lập trình AI

  • Người mới bắt đầu muốn học phát triển frontend bằng Cursor AI

  • Người muốn học cách xây dựng ứng dụng web chỉ bằng những câu hỏi

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

  • Hiểu biết cơ bản về kiến thức nền tảng web như HTML, CSS, v.v.

  • Cách sử dụng cơ bản Cursor AI hoặc các công cụ lập trình AI tương tự

  • Hiểu biết chung về cấu trúc trang mua sắm trực tuyến và bố cục trang chính

Xin chào
Đây là usefulit

8,280,082

Học viên

6,601

Đánh giá

4.6

Xếp hạng

336

Các khóa học

Chúng tôi sẽ giúp bạn phát triển thông qua những bài giảng IT hữu ích.

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

Tất cả

7 bài giảng ∙ (3giờ 24phút)

Ngày đăng: 
Cập nhật lần cuối: 

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

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!

Miễn phí