Duyệt qua các lĩnh vực sau để khám phá các khía cạnh của hướng dẫn.
Các ngành học cốt lõi
Các phương pháp hay nhất để tạo ra trải nghiệm an toàn và chất lượng cao trên web.
accessibility
Đánh giá, khắc phục và triển khai các mẫu hỗ trợ tiếp cận hiệu quả trên toàn bộ ứng dụng của bạn.
Xem hướng dẫn về accessibility trên GitHub
performance
Tối ưu hoá Core Web Vitals, giảm thời gian tải trang và cải thiện khả năng phản hồi đối với hoạt động đầu vào của người dùng.
Xem hướng dẫn về performance trên GitHub
privacy
Triển khai quyền riêng tư theo thiết kế, giảm tối đa việc thu thập dữ liệu, kiểm tra của bên thứ ba và xử lý dữ liệu an toàn.
Xem hướng dẫn về privacy trên GitHub
security
Triển khai các nguyên tắc bảo mật phòng ngừa để bảo vệ khỏi các lỗ hổng bảo mật phổ biến trên web (XSS, CSP, Cookie, Cơ chế cách ly nhiều nguồn).
Xem hướng dẫn về security trên GitHub
Công nghệ web
Các phương pháp hay nhất để sử dụng các ngôn ngữ, công nghệ và môi trường thời gian chạy cốt lõi trên web.
html
Triển khai kiến trúc HTML hiện đại, ngữ nghĩa, API tương tác gốc (Dialog, Popover, Details), quản lý tiêu điểm và mức độ ưu tiên tài nguyên.
Xem hướng dẫn về html trên GitHub
css
Áp dụng các phương pháp hay nhất về cấu trúc, bố cục và hiệu suất CSS hiện đại.
Xem hướng dẫn về css trên GitHub
css-layout
Xây dựng bố cục thích ứng bằng các tính năng CSS hiện đại như flexbox, lưới, lưới con, truy vấn vùng chứa, vị trí neo và kích thước nội tại.
Xem hướng dẫn về css-layout trên GitHub
forms
Tạo biểu mẫu trên web dễ sử dụng, an toàn và hỗ trợ tiếp cận.
Xem hướng dẫn về forms trên GitHub
passkeys
Triển khai WebAuthn và Khoá truy cập trong các ứng dụng web theo các nguyên tắc hiện đại trên nhiều nền tảng.
Xem hướng dẫn về passkeys trên GitHub
webmcp
Triển khai WebMCP để hiển thị chức năng trình duyệt phía máy khách dưới dạng các công cụ tương tác cho các tác nhân AI.
Xem hướng dẫn về webmcp trên GitHub
Các chức năng của trình duyệt (chọn sử dụng)
Các phương pháp hay nhất để làm việc với các API và nền tảng trình duyệt chuyên biệt. Đây là những kỹ năng riêng biệt với modern-web-guidance và bạn phải cài đặt từng kỹ năng.
chrome-extensions
Tạo các tiện ích an toàn và tuân thủ của Chrome trong Manifest V3 để tránh các cạm bẫy thường gặp về vòng đời của worker dịch vụ và hộp cát, đồng thời đơn giản hoá việc xuất bản lên Cửa hàng Chrome trực tuyến bằng cách chuẩn bị siêu dữ liệu, chính sách quyền riêng tư và lý do cấp quyền. Để chọn sử dụng, hãy chọn kỹ năng chrome-extensions khi cài đặt Modern Web Guidance:
npx modern-web-guidance@latest install --choose
Xem kỹ năng chrome-extensions trên GitHub
Các bước tiếp theo
Giờ bạn đã hiểu về Modern Web Guidance, hãy tự mình thử nghiệm! Khám phá các tính năng và trường hợp sử dụng được hỗ trợ trong Modern Web Guidance, đồng thời dùng thử một vài câu lệnh mẫu để bắt đầu.