Cách Tạo Flash Card Học Phản Xạ Tiếng Anh

Trung Nguyen (Xài Tiếng Anh)

Chào bạn! Nếu bạn đến từ video TikTok của mình thì đây chính là bài viết hướng dẫn chi tiết từng bước để bạn sở hữu "vũ khí" luyện phản xạ tiếng Anh cực cuốn này. Nếu bạn chưa có câu tiếng Anh nào cho riêng mình, sau khi đọc bài viết này xong, bạn vào lấy tài liệu 200 câu thông dụng nhất về học và làm Flash Card TẠI ĐÂY

Không cần biết lập trình, không tốn tiền mua app. Chỉ cần Copy -> Paste là xong!

BƯỚC 1: COPY ĐOẠN PROMPT (CÂU LỆNH)

Hãy bôi đen và Copy đoạn văn bản bên dưới vào file word trắng của bạn, sau đó thay thế các câu tiếng Anh và tiếng Việt của riêng cá nhân bạn. Phần mình in nghiêng - chữ màu xanh nhạt là các câu mà bạn sẽ thay thế theo nhu cầu cá nhân:

Chào Claude, mình muốn bạn viết cho mình một game flashcard học tiếng Anh dạng web single-page (gồm HTML, CSS, JavaScript tích hợp trong một file duy nhất) để luyện phản xạ nhanh. Dưới đây là danh sách data câu hỏi của mình:

1/ Do you know why I didn't show up last night? Bạn biết vì sao tối qua tôi không đến không?

2/ I tried to call you but I got a busy signal. Tôi đã cố gọi cho bạn nhưng máy bận.

3/ I was in a hurry so I couldn't text you. Tôi vội nên đã không thể nhắn tin cho bạn.

4/ My friend came and I had to take her out for dinner. Bạn tôi đến và tôi phải dắt cô ấy đi ăn tối.

5/ I intended to call you back but it just slipped my mind afterwards. Tôi đã định gọi điện thoại lại cho bạn nhưng sau đó lại quên mất.

Yêu cầu tính năng và giao diện của game như sau:
1. Luồng chơi (Game Loop):
- Khi bấm "Bắt đầu", hệ thống sẽ xáo trộn ngẫu nhiên (shuffle) danh sách câu hỏi.
- Hiện câu tiếng Việt lên màn hình. Có một thanh đếm ngược 5 giây.
- Trong vòng 5 giây này, mình sẽ nhìn câu tiếng Việt để tự nói/phản xạ câu tiếng Anh ra miệng.
- Hết 5 giây, hệ thống sẽ tự động hiện đáp án câu tiếng Anh tương ứng lên.

2. Xử lý Đúng/Sai & Âm thanh:
- Sau khi hiện câu tiếng Anh, sẽ có 2 nút: "Đúng" và "Sai" để mình tự đánh giá bản thân (hoặc cho phép bấm phím tắt trên bàn phím: ví dụ mũi tên Trái là Sai, mũi tên Phải là Đúng).
- Nếu bấm "Đúng": Phát ra âm thanh "Ting" (vui tai) và tự động nhảy sang câu tiếp theo sau 1.5 giây.
- Nếu bấm "Sai": Phát ra âm thanh báo sai (buzz/xuống tông) và tự động nhảy sang câu tiếp theo sau 1.5 giây.
- Lưu ý về âm thanh: Hãy tự tạo âm thanh bằng AudioContext của JavaScript (Web Audio API) trực tiếp trong code để mình không cần phải tải file âm thanh bên ngoài về.

3. Giao diện (UI/UX):
- Thiết kế giao diện tối giản, hiện đại, hỗ trợ Dark Mode cho đỡ mỏi mắt.
- Chữ tiếng Việt và tiếng Anh to, rõ ràng, căn giữa màn hình.
- Có thanh tiến trình (Progress Bar) hiển thị (Ví dụ: Câu 3/15) và bảng tổng kết khi đi hết bộ câu hỏi xem đúng được bao nhiêu câu. Hãy viết toàn bộ mã nguồn vào một file HTML duy nhất cho mình nhé.

BƯỚC 2: GỬI CHO CLAUDE VÀ TẢI CODE VỀ

  1. Truy cập vào trang web claude.ai

  2. Dán đoạn prompt vừa copy ở trên vào ô chat và nhấn Enter.

  3. Chờ vài giây, Claude sẽ tạo ra cho bạn một hộp thoại chứa code (gọi là Artifacts hoặc Code Block).

  4. Bạn nhìn vào góc trên bên phải của hộp code đó, bấm nút Download (hoặc mũi tên tải xuống) để lưu file về máy tính. File tải về sẽ có đuôi là .html (Ví dụ: flashcard.html).

Mẹo nhỏ: Nếu không thấy nút tải, bạn có thể bấm Copy code, sau đó mở phần mềm Notepad trên máy tính, dán code vào và lưu file với tên flashcard.html (chú ý đuôi file phải là .html chứ không phải .txt).

BƯỚC 3: MỞ GAME VÀ TRẢI NGHIỆM

  • Trên máy tính: Bạn chỉ cần click đúp (Double-click) vào file flashcard.html vừa tải về. Nó sẽ tự động mở bằng trình duyệt web (Chrome, Edge, Safari...) thành một trang game hoàn chỉnh.

  • Trên điện thoại: Bạn gửi file .html này qua Zalo/Messenger của chính mình, sau đó tải về điện thoại và mở lên là chơi được trực tiếp.


CÁCH THAY ĐỔI CÂU HỎI THEO Ý MUỐN

Sau này, khi đã thuộc hết câu cũ và muốn đổi thành các câu khác để học:

  1. Bạn nhấn chuột phải vào file flashcard.html -> Chọn Open with -> Chọn Notepad (hoặc TextEdit trên Mac).

  2. Kéo xuống tìm đoạn const flashcards = [...].

  3. Bạn chỉ cần sửa lại nội dung tiếng Anh (en) và tiếng Việt (vi) theo các câu mới của bạn là xong. Nhớ bấm Ctrl + S để lưu lại trước khi mở game nha!

Chúc các bạn luyện phản xạ thành công! Đừng quên follow kênh TikTok của Trung để ủng hộ nha. Cảm ơn bạn!