Tự mình phát triển website thương mại điện tử bằng lập trình AI Vibe (Vibe) (Phần thiết kế) Part.3 Các trang phụ và chế độ quản trị viên 1

Đây là quá trình thiết kế và triển khai các trang phụ cùng chế độ quản trị của một cửa hàng trực tuyến bằng Cursor AI. Nội dung bao gồm việc đặt câu hỏi cho AI để thiết kế các màn hình cốt lõi như trang chi tiết, giỏ hàng và trang thanh toán đơn hàng, cũng như cách chỉnh sửa hiệu quả bằng chế độ Quick Edit. Bạn có thể trải nghiệm quy trình thực tế hoàn thiện UI của một cửa hàng trực tuyến chỉ bằng AI vibe coding mà không cần kiến thức lập trình.

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

Vibe Coding
Vibe Coding
game-ai
game-ai
ui
ui
Cursor AI
Cursor AI
Vibe Coding
Vibe Coding
game-ai
game-ai
ui
ui
Cursor AI
Cursor AI
Thumbnail

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

  • Có thể sử dụng Cursor AI để thiết kế và triển khai UI cho các trang phụ của cửa hàng trực tuyến.

  • Có thể thực hiện hiệu quả các công việc chỉnh sửa thiết kế dựa trên AI bằng cách tận dụng chế độ Quick Edit, v.v.

  • Có thể tự mình hoàn thiện luồng thiết kế của các màn hình cốt lõi trong cửa hàng trực tuyến như giỏ hàng, thanh toán đơn hàng và tùy chọn sản phẩm.

AI Vibe 코딩으로 혼자 쇼핑몰 개발하기 (디자인편) Part.3

Chỉ cần hỏi AI mà không cần lập trình, cửa hàng trực tuyến sẽ được tạo ra trong chớp mắt.

Trang chi tiết · Giỏ hàng · Đặt hàng thanh toán · Chế độ quản trị — Khóa học thực hành trực tiếp thiết kế và triển khai UI các trang phụ cốt lõi của cửa hàng trực tuyến bằng Cursor AI

AI Vibe 코딩으로 혼자 쇼핑몰 개발하기 (디자인편) Part.3 강의 대표 이미지

Chỉ bằng quy trình đặt câu hỏi và yêu cầu AI chỉnh sửa, bạn có thể tự hoàn thiện UI các màn hình cốt lõi của một trang thương mại điện tử.

CÔNG CỤ

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

Trực tiếp sử dụng các công cụ cốt lõi của AI vibe coding để tạo ra giao diện.

Cu

Cursor AI

Free Plan 기준

ĐẦU RA

Chúng ta sẽ tạo ra những thứ như thế này.

Hoàn thành khóa học, bạn sẽ tự tay tạo ra các sản phẩm dưới đây.

🛍️

Trang chi tiết sản phẩm của cửa hàng trực tuyến

Trang chi tiết sản phẩm với thông tin sản phẩm và giao diện chọn tùy chọn

3~6강
🛒

Trang giỏ hàng

Màn hình giỏ hàng để kiểm tra sản phẩm đã chọn và điều chỉnh số lượng

3~4강
💳

Trang thanh toán và xác nhận đơn hàng

Quy trình từ lúc nhập thông tin thanh toán đến khi xác nhận đơn hàng cuối cùng

7~9강

Luồng chỉnh sửa Quick Edit

Quy trình cải thiện UI dựa trên AI, nhanh chóng lặp lại các lần chỉnh sửa từng phần

5강
CHƯƠNG TRÌNH HỌC

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

Thông qua khóa học này, bạn sẽ lần lượt phát triển các năng lực sau.

1~2강

Củng cố nền tảng trước khi bắt đầu viết mã bằng AI

Thông qua bản xem trước DEMO và những kiến thức cơ bản, bạn sẽ nắm được cách đặt câu hỏi cho AI.

3~6강

Thiết kế giao diện trang chi tiết, giỏ hàng và tùy chọn

Thiết kế từng bước trang chi tiết sản phẩm, giỏ hàng và màn hình lựa chọn tùy chọn thông qua trao đổi với AI.

7~9강

Hoàn thiện quy trình thanh toán đơn hàng

Tinh chỉnh trang thanh toán trở nên tinh tế hơn và triển khai toàn bộ quy trình liền mạch cho đến màn hình xác nhận đơn hàng cuối cùng.

10강

Mở rộng kỹ năng chỉnh sửa UI

Học hai phương pháp tinh chỉnh các chi tiết UI như chỉnh sửa nút tab cuộn, qua đó nâng cao khả năng tự chỉnh sửa.

LƯU Ý

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

  • Khóa học này là phần Part.3, vì vậy nếu học sau khi hoàn thành Part.1 và Part.2, bạn sẽ nắm bắt mạch nội dung tự nhiên hơn.
  • Khóa học được thiết kế theo hình thức vừa đặt câu hỏi cho AI vừa tiến hành mà không cần kiến thức về lập trình.
  • Vì đây là giao diện người dùng tại thời điểm quay, màn hình có thể thay đổi một phần tùy theo các bản cập nhật của Cursor AI.
  • Không cung cấp hỗ trợ trả lời các câu hỏi cá nhân phát sinh trong quá trình học.

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

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

  • Các nhà hoạch định và marketer muốn trực tiếp tạo UI cho cửa hàng trực tuyến mà không cần lập trình bằng cách sử dụng công cụ AI

  • Lập trình viên junior muốn học quy trình thiết kế và publishing thực tế bằng cách sử dụng Cursor AI

  • Những người muốn thử xây dựng dự án phụ hoặc cửa hàng trực tuyến cá nhân bằng công cụ phát triển dựa trên AI

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

  • Kinh nghiệm sử dụng chatbot AI hoặc công cụ Copilot trên trình duyệt web

  • Hiểu biết cơ bản về bố cục màn hình thông thường của các trang web mua sắm (trang chi tiết, giỏ hàng, thanh toán, v.v.)

  • Các khái niệm cơ bản về HTML/CSS và giao diện người dùng web (front-end) mootummaa

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.

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