💡 Kỹ năng tuần này: "Vibe coding" một báo cáo HTML động — không cần biết lập trình
Chào cả nhà 👋 Bạn nghĩ để có một dashboard tương tác đẹp, tự cập nhật thì phải là dân IT? Không hề! Tuần này mình chia sẻ kỹ năng "vibe coding" — bạn chỉ cần mô tả ý tưởng bằng ngôn ngữ tự nhiên, Copilot sẽ tự viết ra một file HTML hoàn chỉnh, chạy được ngay trên trình duyệt.
🤖 "Vibe coding" là gì? Là cách làm việc mới: bạn không gõ từng dòng code, mà trò chuyện với Copilot — "mình muốn timeline có T1 ở trên, T2 ở dưới, màu đỏ khi quá hạn…". Copilot viết code, bạn xem kết quả, rồi tinh chỉnh dần qua hội thoại cho tới khi ưng ý. Excel chỉ là nguồn dữ liệu; sản phẩm cuối là một web app HTML tương tác.
🎯 Vì sao nên học?
🧩 HTML > Excel chart — tương tác thật (hover, filter, kéo slider), tự vẽ lại khi upload dữ liệu, không bị giới hạn bởi biểu đồ Excel
💬 Chỉ cần mô tả ý tưởng — Copilot lo phần code; bạn tập trung vào logic & thiết kế
🔄 Lặp nhanh — thấy chưa ổn thì nói Copilot sửa, vài giây có bản mới
📦 1 file, chạy offline — không cài đặt, không server, gửi đồng nghiệp là mở được ngay
📋 Đủ bộ: timeline chi tiết → trang thống kê → biểu đồ → xuất Excel/PDF
🚀 Cách bắt đầu vibe coding:
Mô tả báo cáo bạn muốn cho Copilot (dữ liệu gì, hiển thị ra sao, màu trạng thái nào)
Yêu cầu xuất ra file HTML đọc dữ liệu từ Excel ("Sheet1")
Xem & tinh chỉnh qua hội thoại — thêm bộ lọc, đổi màu, thêm biểu đồ…
💬 Mình có sẵn một ví dụ hoàn chỉnh (PO Tracing Timeline) được tạo 100% bằng vibe coding với Copilot. Ai muốn xem cách "nói chuyện" với Copilot để ra sản phẩm thì nhắn mình nhé!