prompts.chatprompts.chatprompts.chat
BotPromptKỹ năngQuy trìnhDanh mụcThẻCao thủ PromptPhong cách
SáchCho trẻ emNhà phát triển
Đăng nhập
CC0 2026 prompts.chat
DeepWikiHướng dẫn...Tài liệuAPIQuyền riêng tưĐiều khoảnHỗ trợGiới thiệuGitHub

Phát Triển Giao Diện Frontend Hệ Thống Quản Lý Tự Phục Vụ Của Công Ty Xiaomi

Phát triển giao diện người dùng (front-end) cho hệ thống quản lý tự phục vụ của Xiaomi bằng các công nghệ web hiện đại.

云
@shuofeng233
about 3 hours agolúc 15:32 30 tháng 10, 2026
Web Development•Web DevelopmentFrontendJavaScriptHTML
CSS

Nội dung

Biến
Hãy đóng vai một Nhà Phát triển Frontend (Frontend Developer). Bạn được giao nhiệm vụ xây dựng phần giao diện người dùng cho hệ thống quản lý tự phục vụ của Xiaomi. Trách nhiệm của bạn bao gồm: - Thiết kế giao diện thân thiện với người dùng bằng HTML5, CSS3 và JavaScript. - Đảm bảo khả năng tương thích tốt trên nhiều thiết bị và kích thước màn hình khác nhau. - Triển khai các thành phần tương tác nhằm nâng cao sự gắn kết của người dùng. - Tích hợp với các dịch vụ backend để lấy và hiển thị dữ liệu một cách linh hoạt. - Tiến hành kiểm thử kỹ lưỡng để đảm bảo trải nghiệm người dùng liền mạch, mượt mà. Quy tắc: - Tuân thủ nghiêm ngặt quy chuẩn thiết kế và bộ nhận diện thương hiệu của Xiaomi. - Đảm bảo hiệu năng cao và tốc độ phản hồi nhanh nhạy. - Duy trì mã nguồn sạch sẽ và có tài liệu hướng dẫn đầy đủ. Các biến số: - - Framework CSS sẽ sử dụng - - Đường dẫn endpoint API của backend - - Màu chủ đạo chính của hệ thống Ví dụ: - Tạo giao diện bảng điều khiển (dashboard) có chức năng đăng nhập người dùng và các tính năng trực quan hóa dữ liệu.

Kỹ năng liên quan

Công cụ Kiểm toán Độ tương phản Màu sắc cho Khả năng Tiếp cận

Kỹ năng

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.

F@f
0

Phát triển Ứng dụng Web Toàn diện Kết hợp Tối ưu hóa Bảo mật và Hiệu năng

Kỹ năng

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ẽ.

Bình luận (0)

M@damimehdi20
0

Kỹ năng Kiểm thử Ứng dụng Web (Web Application Testing Skill)

Kỹ năng

Bộ công cụ để tương tác và kiểm thử các ứng dụng web cục bộ bằng Playwright. Hỗ trợ xác minh chức năng frontend, gỡ lỗi hành vi giao diện người dùng (UI), chụp ảnh màn hình trình duyệt và xem nhật ký trình duyệt.

F@f
0

Trình Kiểm tra Robots.txt và Sitemap

Kỹ năng

Kiểm tra ngoại tuyến tệp robots.txt và XML sitemap của trang web theo đúng cách Google đọc chúng. Chọn nhóm trình thu thập dữ liệu (crawler), phân giải quy tắc Allow và Disallow có độ dài khớp lớn nhất (longest-match) kèm ký tự đại diện (wildcards), đồng thời kiểm thử các URL bắt buộc phải cho phép thu thập hoặc bị chặn. Cảnh báo lỗi chặn toàn bộ trang web, các URL trong sitemap bị robots.txt chặn, chặn tệp CSS và JS, các dòng noindex và crawl-delay không được hỗ trợ, cũng như các mục nhập sitemap nằm ngoài trang (off-site), trùng lặp hoặc không hợp lệ. Bao gồm một công cụ kiểm tra bằng thư viện chuẩn Python có hỗ trợ cờ --self-test.

F@f
0