Biến ý tưởng thành trang web, không cần biết code

0Tạo tài khoản GitHub (chỉ làm 1 lần)

1. Vào github.com/signup, đăng ký bằng email công ty.
2. Gửi tên tài khoản (username) cho admin để được thêm vào nhóm Dev-FromVietNam. Chưa được thêm vẫn tải lên được, chỉ khác một chút ở bước 4.

1Nhờ AI viết trang

1. Mở Claude hoặc ChatGPT.
2. Bấm Sao chép ở khung dưới, dán vào ô chat.
3. Sửa dòng [Ý tưởng của tôi] thành mô tả của bạn rồi gửi.

Hãy giúp tôi làm một trang web nhỏ.

[Ý tưởng của tôi]: ví dụ "Máy tính lương thực nhận: nhập lương gross, hiện ra bảo hiểm, thuế, lương net."

Yêu cầu bắt buộc:
- Chỉ dùng HTML, CSS, JavaScript thuần, gồm đúng 3 file: index.html, style.css, script.js.
- Trong index.html, nối file bằng đường dẫn tương đối: href="style.css" và src="script.js".
- Không dùng framework, thư viện hay thứ gì phải cài đặt.
- Không gọi API cần key hay mật khẩu. Chỉ dùng dữ liệu mẫu.
- Có thẻ <title> ngắn gọn bằng tiếng Việt mô tả ý tưởng.
- Có liên kết "← Về trang chủ" với href="../../".
- Giao diện đẹp, dễ dùng trên cả điện thoại.
Hãy đưa nội dung đầy đủ của từng file, mỗi file một khối code riêng.

2Lưu thành 3 file trong một thư mục

1. Tạo một thư mục mới, ví dụ trên Desktop. Đặt tên theo quy tắc ở bảng dưới.
2. Với từng khối code AI đưa ra, bấm nút Copy trên khối đó, dán vào trình soạn thảo, rồi lưu đúng tên file.

Kết quả phải trông như sau:

Cách lưu file đúng (đây là chỗ hay sai nhất):

• Windows: mở Notepad, dán code, chọn File → Save as. Ở ô Save as type chọn All files (*.*), ô Encoding chọn UTF-8, rồi gõ tên index.html.
• Mac: mở TextEdit, chọn Format → Make Plain Text trước khi dán. Khi lưu, gõ tên index.html và bỏ tick "If no extension is provided, use .txt".

3Mở thử trên máy

1. Nhấp đúp vào index.html. Trang sẽ mở trong trình duyệt.
2. Bấm thử mọi nút, nhập thử dữ liệu.
3. Có gì sai hoặc muốn đổi? Quay lại khung chat với AI và nói rõ, ví dụ:
   • "Bấm nút Tính không có gì xảy ra."
   • "Đổi màu chủ đạo sang xanh lá, chữ to hơn."
   • "Trên điện thoại bảng bị tràn ra ngoài."
   Lưu đè file mới và mở lại để kiểm tra.

4Tải lên GitHub

1. Đăng nhập GitHub, rồi mở link: Tải ý tưởng lên. Link này mở thẳng trang tải lên vào thư mục ideas.
2. Kéo thả CẢ THƯ MỤC 📁 may-tinh-luong vào khung "Drag files here". Đừng kéo từng file lẻ.
3. Kiểm tra danh sách file hiện ra có dạng may-tinh-luong/index.html, may-tinh-luong/style.css…
4. Kéo xuống cuối trang:
   • Nếu thấy 2 lựa chọn: chọn "Create a new branch for this commit and start a pull request", rồi bấm Propose changes.
   • Nếu chỉ thấy nút Propose changes: bấm luôn. GitHub tự tạo bản sao cho bạn, như vậy là bình thường.
5. Ở trang tiếp theo, bấm Create pull request, rồi bấm lại một lần nữa để xác nhận.

5Chờ duyệt và xem kết quả

1. GitHub tự kiểm tra trong khoảng 1 phút:
   • ✓ xanh: ổn, chờ người duyệt.
   • ✗ đỏ: xem bảng dưới.
   • Báo "awaiting approval" hoặc đứng yên: nhắn admin để họ bấm cho chạy.
2. Người duyệt xem code và bấm merge.
3. Vài phút sau, ý tưởng của bạn hiện trên trang chủ, với địa chỉ …/ideas/ten-thu-muc/. Gửi link cho đồng nghiệp thôi! 🎉