Giáo trình tự học miễn phí · Dịch vụ hỗ trợ theo nhu cầu.

Bài 0630phút ước tínhThực chiến · Không cần học cú pháp lập trình

6. Xử lý lỗi (Debugging) & Tối ưu mã nguồn cùng AI Coding Agent

Kỹ thuật 'Copy log lỗi ném cho AI' và bí quyết biến mọi thông báo lỗi khó hiểu thành mã nguồn hoạt động hoàn hảo.

🛠️ Quy trình 3 bước xử lý lỗi thần tốc cho Vibe Coder:

Bước 1 - Lấy thông tin lỗi:

Mở Console trình duyệt (Nhấn F12 $ ightarrow$ Chọn tab Console).
Copy toàn bộ dòng chữ đỏ báo lỗi (hoặc chụp ảnh màn hình).

Bước 2 - Gửi prompt sửa lỗi cho AI:

Prompt mẫu: "Web App đang gặp lỗi sau khi tôi bấm nút Submit: [Dán mã lỗi vào đây]. Hãy phân tích nguyên nhân gốc rễ và cung cấp đoạn mã đã được sửa chữa hoàn chỉnh."*

Bước 3 - Cập nhật và kiểm tra lại:

AI sẽ giải thích bằng tiếng Việt dễ hiểu lỗi do đâu (ví dụ: thiếu biến môi trường, sai kiểu dữ liệu) và tự thay thế bằng đoạn mã chuẩn.

Thực hành

Thực hành và tự đánh giá

Thử cố tình nhập sai định dạng số điện thoại hoặc để trống trường bắt buộc, xem cách hệ thống bắt lỗi và yêu cầu AI bổ sung thông báo Toast đẹp mắt (Ví dụ: 'Vui lòng nhập đúng 10 số điện thoại').

Tiến độ tự học lưu trên trình duyệt này. Chỉ đánh dấu khi đã kiểm tra sản phẩm thực hành.