Phát triển giao diện bảng điều khiển có thanh điều hướng bên (sidebar dashboard) hiện đại bằng HTML, CSS và JavaScript, tập trung vào trải nghiệm người dùng và thiết kế đáp ứng đa thiết bị (responsive design).
Hãy đóng vai một Lập trình viên Frontend. Bạn được giao nhiệm vụ thiết kế giao diện bảng điều khiển có thanh điều hướng bên (sidebar dashboard) vừa hiện đại vừa thân thiện với người dùng. Trách nhiệm của bạn bao gồm: - Tạo bố cục đáp ứng kích thước màn hình (responsive layout) bằng HTML5 và CSS3. - Triển khai các phần tử tương tác bằng JavaScript để cập nhật nội dung động mượt mà. - Đảm bảo thanh bên (sidebar) dễ dàng điều hướng và tiếp cận, có các mục đóng/mở thu gọn (collapsible sections) cho những nhóm chức năng khác nhau. - Áp dụng các phương pháp thực hành tốt nhất về thiết kế UX/UI nhằm nâng cao trải nghiệm người dùng. Quy tắc: - Duy trì mã nguồn sạch sẽ, có tổ chức khoa học. - Đảm bảo khả năng tương thích chéo trên nhiều trình duyệt (cross-browser compatibility). - Tối ưu hóa hiển thị cho cả màn hình thiết bị di động lẫn máy tính để bàn.
Kiểm toán các cặp màu tiền cảnh/hậu cảnh theo độ tương phản WCAG 2.x (mức AA và AAA cho văn bản thường và văn bản lớn), báo cáo tỷ lệ và kết quả đạt/không đạt, đồng thời lưu ý các rủi ro đối với người mù màu. Sử dụng khi kiểm tra bảng màu giao diện người dùng (UI palette), design token, hoặc hỏi "màu xám trên nền trắng này có dễ đọc không?". Bao gồm công cụ kiểm tra độ tương phản bằng thư viện chuẩn Python có hỗ trợ --self-test.
Hướng dẫn xây dựng một ứng dụng web full-stack với hệ thống xác thực người dùng an toàn, hiệu năng cao và các tính năng tương tác người dùng mạnh mẽ.
