Ngày xuất bản: 27 tháng 10 năm 2025
Tháng trước, chúng tôi đã khởi động cuộc thi Lập trình viên công cụ cơ bản, kêu gọi bạn xây dựng những công cụ mới sáng tạo và hữu ích nhất để giúp nhà phát triển áp dụng các tính năng web hiện đại hơn. Khi đồng hồ dừng lại, gần 3.000 nhà phát triển đã tham gia và gửi hàng trăm dự án. Có rất nhiều tác phẩm dự thi thông minh, sáng tạo và thú vị, nhưng chỉ có 3 tác phẩm có thể giành được phần thưởng trong tổng giải thưởng trị giá 10.000 USD. Sau khi cân nhắc kỹ lưỡng, chúng tôi (các giám khảo) cuối cùng đã chọn ra những người chiến thắng.
🥇 Người chiến thắng ở vị trí đầu tiên là eslint-plugin-baseline-js, do Ryuya Hasegawa gửi!
Đây là một trình bổ trợ ESLint giúp kiểm tra trạng thái Đường cơ sở của các tính năng JavaScript và gắn cờ mọi tính năng mới hơn mục tiêu Đường cơ sở mà bạn đã định cấu hình. Thư viện này hoạt động trong cả môi trường JavaScript và TypeScript, bao gồm hàng trăm tính năng.
Điều khiến chúng tôi thực sự chú ý đến bản đề cử này là tính hữu ích của nó; khả năng một nhà phát triển trung bình thực sự bắt đầu sử dụng và hưởng lợi từ công cụ này. Công cụ này phù hợp với hệ sinh thái ESLint bằng cách bổ sung cho các công cụ hiện có như ESLint cho CSS được hỗ trợ chính thức và trình bổ trợ cộng đồng HTML ESLint. Với các lựa chọn cấu hình quen thuộc cho các mục tiêu Cơ sở như Mới có sẵn, Có sẵn rộng rãi và Năm cơ sở, bạn có thể mong đợi trải nghiệm nhất quán trên tất cả mã của mình. Để giúp bạn nhanh chóng bắt đầu, mẫu này cũng đi kèm với tài liệu chất lượng cao, bao gồm cả hướng dẫn cài đặt, các phương pháp hay nhất và ví dụ.
Trong trường hợp này, trình bổ trợ sẽ đồng bộ hoá với tập dữ liệu web-features làm nguồn đáng tin cậy cho khả năng tương thích của tính năng web. Để phát hiện các tính năng này trong mã nguồn, trình bổ trợ sẽ tích hợp với lõi ESLint và eslint-plugin-es-x, thay vì dựa vào các biểu thức chính quy dễ bị lỗi. Thư viện này cũng hỗ trợ trình phân tích cú pháp typescript-eslint, có thể phát hiện các tính năng một cách đáng tin cậy hơn nhiều.
Nhìn chung, đây là một công cụ rất sáng tạo và hữu ích, xứng đáng nhận được giải thưởng cao nhất. Vì vậy, bạn nên dùng thử công cụ này. Nếu muốn tìm hiểu kỹ mã nguồn hoặc nêu vấn đề, bạn có thể tìm thấy mã nguồn trên GitHub tại 3ru/eslint-plugin-baseline-js.
🥈 Người chiến thắng ở vị trí thứ hai là baseline-mcp, do Technickel Dev gửi!
Đây là một máy chủ MCP cung cấp quy trình phát triển dựa trên AI với thông tin chính xác về khả năng tương thích của tính năng trên web và trạng thái Baseline của các tính năng đó.
Không thể phủ nhận mức độ phổ biến của AI trong quá trình phát triển web. Đó là lý do khiến những công cụ như thế này ngày càng trở nên quan trọng để hướng các tác nhân tạo ra mã hiện đại hơn. Dự án này đáp ứng tốt nhu cầu đó bằng cách cung cấp cho nhân viên hỗ trợ một số công cụ MCP hữu ích để trả lời nhiều câu hỏi về các tính năng trên web, dựa trên dữ liệu web-features đáng tin cậy. Ngoài việc thực hiện các tác vụ lặp đi lặp lại như tra cứu trạng thái Cơ sở cho một mã nhận dạng tính năng nhất định, công cụ này cũng có thể thực hiện các tác vụ logic như tìm ra mã nhận dạng tính năng chính xác dựa trên bối cảnh và đề xuất các lựa chọn thay thế hiện đại cho các tính năng web lỗi thời.
Hãy dùng thử trong bản minh hoạ ứng dụng web và xem kho lưu trữ GitHub để biết hướng dẫn cài đặt, các cách tương tác với máy chủ và mã nguồn.
🥉 Người chiến thắng ở vị trí thứ ba là Baseline Status for Video, do Zoran Jambor gửi!
Đây là một ứng dụng web để tạo các tiện ích Cơ sở được nhúng trong video.
Vai trò của Baseline là cung cấp thông tin rõ ràng về khả năng tương thích của trình duyệt đối với các tính năng trên web. Bạn có thể tham khảo thông tin này trong các bài viết trên MDN, tài liệu caniuse và các IDE như VS Code và WebStorm. Tuy nhiên, nhà phát triển cũng lấy thông tin về các tính năng trên web từ những nơi khác, chẳng hạn như YouTube. Dự án này giúp các nhà sáng tạo video và người có ảnh hưởng trên web dễ dàng tạo thông tin cơ bản cho một tính năng theo cách có thể tuỳ chỉnh và thân thiện với video. Với phạm vi tiếp cận rộng lớn của một số người có ảnh hưởng phổ biến nhất trên web, chúng tôi rất vui mừng về tiềm năng của công cụ này trong việc giúp lan toả thông tin về Baseline đến nhiều nhà phát triển hơn.
Công cụ này được hỗ trợ bởi thành phần web <baseline-status>. Thành phần này sử dụng Web Platform Dashboard API để lấy trạng thái Baseline và thông tin chi tiết về việc triển khai trình duyệt cho mọi mã nhận dạng tính năng mà bạn nhập. Ứng dụng này ghi lại ảnh động của tiện ích xuất hiện và biến mất trên một nền đồng nhất, có thể được khoá trong phần mềm chỉnh sửa.
Hãy truy cập vào ứng dụng Baseline Status for Video để tự mình dùng thử hoặc duyệt xem mã nguồn trên GitHub.
Xin chúc mừng tất cả những người chiến thắng! Chúng tôi cũng xin cảm ơn tất cả những người khác đã gửi dự án và hoàn thành bài khảo sát phản hồi. Chúng tôi vô cùng trân trọng tất cả thời gian và công sức mà bạn đã bỏ ra cho những dự án sáng tạo và đầy cảm hứng của mình. Chúng tôi đã thông báo cho 10 người chiến thắng giải thưởng "Ý kiến phản hồi có giá trị nhất". Nhìn chung, có rất nhiều đề xuất có giá trị và thiết thực mà chúng tôi sẽ chuyển đến các nhóm phù hợp để cải thiện Baseline hơn nữa.