Cùng nhau xây dựng một môi trường web tốt đẹp hơn
Chúng tôi muốn giúp bạn xây dựng những trang web đẹp mắt, dễ truy cập, nhanh chóng và an toàn, hoạt động trên nhiều trình duyệt và phù hợp với tất cả người dùng. Trang web này là nơi chúng tôi cung cấp nội dung giúp bạn trên hành trình đó. Nội dung này do các thành viên trong nhóm Chrome và các chuyên gia bên ngoài chuyên về các chủ đề phát triển web như hỗ trợ tiếp cận, hiệu suất, thiết kế, v.v. biên soạn.
Đường cơ sở
Đường cơ sở của Nền tảng web giúp làm rõ thông tin về khả năng hỗ trợ trình duyệt cho các tính năng của nền tảng web, đồng thời cung cấp thông tin rõ ràng về những tính năng của nền tảng web hiện đã sẵn sàng để sử dụng trong dự án của bạn. Khi đọc một bài viết trên web.dev, nếu các tính năng được sử dụng đều thuộc Đường cơ sở, thì bạn có thể tin tưởng mức độ tương thích của trình duyệt.
AI và web
Khám phá các tài nguyên được tạo ra để giúp bạn hiểu và xây dựng trải nghiệm hiệu quả, ưu tiên web bằng AI.
Tối ưu hoá INP
Lượt tương tác đến nội dung hiển thị tiếp theo (INP) hiện là một chỉ số Core Web Vital. Bắt đầu đo lường và tối ưu hoá INP của trang web.
Thanh toán và danh tính
Đọc về các tính năng mới nhất và phương pháp hay nhất liên quan đến việc xác minh danh tính và xử lý thanh toán.
Khám phá nền tảng web
Nền tảng web là một hệ sinh thái liên tục phát triển gồm các tính năng và API của trình duyệt mà nhà phát triển có thể sử dụng để tạo ra các trang web dễ dùng và thú vị. Các trang này là lộ trình để bạn tìm hiểu từng phần của nền tảng web trên web.dev theo tốc độ của riêng bạn:
HTML
HTML là lớp tài liệu của web, cung cấp cấu trúc và ngữ nghĩa cho các trang.
CSS
CSS là lớp hiển thị của web và cho phép bạn tạo giao diện trang web theo ý muốn.
JavaScript
JavaScript cung cấp khả năng tương tác phong phú cho các trang web, cho phép nhà phát triển xây dựng các trang web có khả năng tương tác phong phú để giúp người dùng thực hiện các nhiệm vụ và hoàn thành mục tiêu.
Tìm hiểu về nền tảng web
Bạn mới sử dụng nền tảng web? Chúng tôi sẽ giúp bạn! Tìm hiểu từng phần của nền tảng web thông qua các khoá học này, được tuyển chọn riêng cho người mới bắt đầu học HTML, CSS và JavaScript.
Khoá học
Tìm hiểu về HTML
Tổng quan vững chắc về HTML dành cho nhà phát triển, từ HTML mới đến chuyên gia.
Khoá học
Tìm hiểu về CSS
Hướng dẫn về CSS với các mô-đun bao gồm mọi thứ từ khả năng tiếp cận cho đến chỉ mục z.
Nắm bắt tin tức về phát triển web
Blog của chúng tôi cung cấp tin tức mới nhất về hoạt động phát triển web, bao gồm các tính năng mới của nền tảng web, thông tin cập nhật về Baseline, AI, Chỉ số quan trọng chính của trang web và nhiều nội dung khác. Hãy theo dõi blog của chúng tôi để nắm bắt thông tin mới nhất.
Thiết kế CSS và giao diện người dùng
Tìm hiểu ngay các mẹo và kỹ thuật mới nhất để áp dụng vào công việc của bạn.
Điều chỉnh kiểu chữ theo lựa chọn ưu tiên của người dùng bằng CSS
Hãy điều chỉnh phông chữ theo lựa chọn ưu tiên của người dùng để họ có thể đọc nội dung của bạn thoải mái nhất có thể.
Các hàm và hệ màu của CSS mới trong tất cả các công cụ chính
Tất cả các công cụ chính hiện đều hỗ trợ hệ màu và hàm CSS mới. Tìm hiểu cách họ có thể mang đến sự sống động cho thiết kế của bạn.
Bản đồ nguồn là gì?
Cải thiện trải nghiệm gỡ lỗi web bằng bản đồ nguồn.
Lưới con CSS
Subgrid hiện có thể tương tác trên cả 3 công cụ chính. Hãy tìm hiểu cách sử dụng công cụ này.
Core Web Vitals
Xây dựng trang web và ứng dụng nhanh hơn bằng cách tìm hiểu Các chỉ số quan trọng về trang web và các chỉ số khác.
Hoạt động tương tác với nội dung hiển thị tiếp theo trở thành Chỉ số quan trọng chính của trang web từ ngày 12 tháng 3
Hoạt động tương tác với nội dung hiển thị tiếp theo sẽ chính thức trở thành Chỉ số quan trọng chính của trang web và sẽ thay thế Độ trễ đầu vào đầu tiên vào ngày 12 tháng 3.
Cách tối ưu hoá INP
Tìm hiểu cách tối ưu hoá cho chỉ số Hoạt động tương tác với thời gian hiển thị tiếp theo.
Các đề xuất hàng đầu của chúng tôi về Chỉ số quan trọng chính của trang web
Tập hợp các phương pháp hay nhất để tối ưu hoá hiệu suất của Các chỉ số quan trọng về trang web dựa trên trạng thái của trang web
Quan niệm sai lầm thường gặp về cách tối ưu hoá LCP
Khám phá những quan niệm sai lầm thường gặp về việc tối ưu hoá Thời gian hiển thị nội dung lớn nhất (LCP) bằng cách xem xét các yếu tố khác ngoài việc tối ưu hoá hình ảnh và xem xét các yếu tố như Thời gian tải byte đầu tiên (TTFB) và độ trễ tải tài nguyên.
Ứng dụng web tiến bộ
Tạo trải nghiệm web hữu ích.
Tìm hiểu về PWA
Một khoá học phân tích mọi khía cạnh của quá trình phát triển ứng dụng web tiến bộ hiện đại.
TransformStream hiện được hỗ trợ trên nhiều trình duyệt.
Giờ đây, khi chuyển đổi luồng được hỗ trợ trong Safari, Firefox và Chrome, chúng cuối cùng đã sẵn sàng để ra mắt.
Mẫu mới cho các ứng dụng thú vị
Khám phá bộ sưu tập tuyệt vời gồm các mẫu mới cho những ứng dụng thú vị, bao gồm cả mẫu bảng nhớ tạm, mẫu tệp và mẫu ứng dụng nâng cao.
Giới thiệu về API Project Fugu
Trên trang web dành cho nhà phát triển Chrome, hãy khám phá các API chức năng.
Ai cũng có thể tiếp cận
Tìm hiểu cách giúp những người khuyết tật dễ dàng truy cập vào trang web của bạn, cho dù đó là trang web vĩnh viễn, tạm thời hay tình cờ.
Tìm hiểu về tính năng hỗ trợ tiếp cận
Khoá học mới của chúng tôi là điểm truy cập và tài liệu tham khảo tuyệt vời cho các chủ đề về hỗ trợ tiếp cận.
Kiểm thử độ tương phản màu trong thiết kế web
Tổng quan về ba công cụ và kỹ thuật để thử nghiệm và xác minh độ tương phản màu có thể tiếp cận của thiết kế của bạn.
Xây dựng bảng điều hướng chính cho trang web
Hướng dẫn này mô tả cách tạo một thành phần điều hướng chính dễ tiếp cận trên trang web. Bạn sẽ tìm hiểu về HTML ngữ nghĩa, khả năng hỗ trợ tiếp cận và lý do việc sử dụng các thuộc tính của Ứng dụng Internet phong phú dễ dùng (ARIA) đôi khi có thể gây hại nhiều hơn là có lợi.
Cộng đồng nổi bật: Melanie Sumner
Hãy đọc cuộc phỏng vấn của chúng tôi với Melanie, một kỹ sư phần mềm chuyên về hỗ trợ tiếp cận kỹ thuật số.
Thanh toán và danh tính
Tìm các kỹ thuật mới nhất và phương pháp hay nhất để thanh toán, cũng như giúp người dùng đăng nhập vào trang web và ứng dụng của bạn một cách an toàn.
Tạo khoá truy cập cho hoạt động đăng nhập không cần mật khẩu
Khoá truy cập giúp tài khoản người dùng an toàn, đơn giản và dễ sử dụng hơn.
Đăng nhập bằng khoá truy cập
Tạo một trải nghiệm đăng nhập sử dụng khoá truy cập trong khi vẫn hỗ trợ người dùng sử dụng mật khẩu hiện tại.
Tổng quan về khoản thanh toán trên web
Tìm hiểu thêm về Thanh toán trên web và cách chúng hoạt động.
Các phương pháp hay nhất về biểu mẫu thanh toán và biểu mẫu địa chỉ
Tối đa hoá lượt chuyển đổi bằng cách giúp người dùng hoàn tất địa chỉ và phương thức thanh toán một cách nhanh chóng và dễ dàng nhất có thể.
Bản tin dành cho nhà phát triển
Nhận tin tức, kỹ thuật và thông tin cập nhật mới nhất ngay trong hộp thư đến.