Bài đọc

Dự án ứng dụng công việc: tự kiểm tra và mở rộng

3 phút đọc

Đây là bài 5 của chương 8: Dự án ứng dụng công việc, thuộc khóa demo JavaScript. Nội dung được dùng để trải nghiệm cấu trúc chương trình học; hãy thực hành trên dữ liệu và môi trường thử nghiệm riêng. Trong dự án xuyên suốt, bạn sẽ xây dựng ứng dụng danh sách công việc có tìm kiếm, lọc và lưu trạng thái trên trình duyệt.

Mục tiêu cụ thể

Ứng dụng hoàn chỉnh cần các trạng thái giao diện rõ ràng, cách cập nhật dữ liệu nhất quán và khả năng khôi phục sau tải lại. Mỗi tính năng nên có điều kiện chấp nhận trước khi triển khai.

Bộ câu hỏi tự kiểm tra

Vì sao dự án ứng dụng công việc cần được xem xét riêng trong dự án JavaScript?
Giải thích bằng lời của bạn: Ứng dụng hoàn chỉnh cần các trạng thái giao diện rõ ràng, cách cập nhật dữ liệu nhất quán và khả năng khôi phục sau tải lại. Mỗi tính năng nên có điều kiện chấp nhận trước khi triển khai.
Phát hiện vấn đề trong tình huống: Giữ nhiều bản sao danh sách đã lọc khiến trạng thái lệch nhau. Ưu tiên giữ nguồn dữ liệu và suy ra phần hiển thị.
Bạn sẽ giữ bằng chứng gì để chứng minh giải pháp hoạt động?

Tiêu chí chấm

Tìm kiếm kết hợp được bộ lọc
Không mất dữ liệu khi render lại
Có empty state và thông báo lỗi

Bài mở rộng

Bắt đầu từ yêu cầu Hoàn thiện ứng dụng với thêm, sửa, xóa, lọc, tìm kiếm và lưu cục bộ; viết một hướng dẫn thao tác ngắn. Thay đổi quy mô, độ dài dữ liệu hoặc thứ tự thao tác. Chọn đúng một biến thể phù hợp với chương rồi dự đoán tác động trước khi thử. Ví dụ là công cụ để hiểu nguyên lý, không phải đáp án duy nhất.

Gợi ý tự đánh giá

Mức 1: nhắc lại được khái niệm nhưng chưa tự thực hiện.
Mức 2: tự hoàn thành ví dụ và giải thích các bước.
Mức 3: xử lý được trường hợp biên và giải thích lựa chọn khác.

Nếu chưa đạt mức 2, quay lại bài thực hành thay vì chỉ đọc đáp án. Khi đã đạt mức 3, ghi lại một cách giải khác và so sánh độ đơn giản, khả năng kiểm chứng và giới hạn của hai phương án.

Lưu bằng chứng