1. Web Development for Beginners - dự án giảng dạy

Azure Cloud Advocates at Microsoft đã tạo ra chương trình dạy kéo dài 12 tuần, 24 bài học về tất cả các kiến thức cơ bản về HTML, CSS, JS. Mỗi bài học bao gồm các câu hỏi, hướng dẫn để hoàn thành bài học. Phương pháp học dựa trên dự án cho phép bạn vừa học vừa xây dựng dự án.

Link: Web-Dev-For-Beginners

1. Three JS - Thư viện JavaScript 3D

Mục tiêu của dự án là tạo một thư viện 3D dễ sử dụng, nhẹ đa trình duyệt và đa mục đích. Phiên bản hiện tại xây dựng chỉ bao gồm WebGL (WebGPU), SVG và CSS3D.

Link: three js

1. D3 JS - Hiển thị dữ liệu sinh động với SVG, Canvas, HTML

D3 là một thư viện JS để trực quan hóa dữ liệu trên web. D3 làm cho dữ liệu trở nên sống động bằng sử dụng SVG, Canvas và HTML. D3 kết hợp các kỹ thuật trực quan hóa và tương tác để thao tác trên DOM, mang lại cho bạn khả năng đầy đủ và tự do thiết kế giao diện trực quan phù hợp cho dữ liệu của bạn.

Link: D3

1. Mammoth JS - Docx to HTML

Mammoth được thiết kế để chuyển dổi các tài liệu .docx, đưuọc tạo bởi Microsoft Word, Google Dóc, and LibreOffice, và chuyển đổi chúng sang HTML. Mammoth nhằm mục đích tạo ra giao diện HTML đơn giản bằng cách sử dụng thông tin ngữ nghĩa trong tài liệu và bỏ qua các chi tiết khác. Ví dụ, Mammoth chuyển đổi bất kỳ trang với style Heading 1 thành H1, thay vì sao chép chính xác kiểu dáng (font, size, color) của tiêu đề.

Link: mammoth.js

1. Grapes JS - Open source Web Builder Framework

Grapes JS là một Web Builder Framework miễn phí và open-sourse giúp xây dựng HTML template nhanh và đơn giản. Về cơ bản, Grapes JS được thiết kế để sử dụng trong CMS để tăng tốc độ tạo dynamic template. Để hiểu về khái niệm này hãy truy cập vào link.

Link: grapes js

1. Plyr - HTML5, YouTube, and Vimeo player đơn giản

Plyr là một media player đơn giản, nhẹ, có thể truy cập, có thể chỉnh sửa, được hỗ trợ trên các trình duyệt.

Link: plyr

1. Size Limit - Tính toán chi phí thực tế để chạy ứng dụng JS

Size Limit là một công cụ hiệu suất (performance budget) cho JS. Nó sẽ kiểm tra mỗi commit trên CI, tính toán chi phí thực tế của code JS của bạn đối với người sử dụng, và hiển thị lỗi nếu chi phí vượt quá mức giới hạn.

Link: size-limit

Kết luận

Hi vọng bài viết này giúp ích được cho bạn. Nếu bạn có bất kỳ câu hỏi nào hãy cho tôi biết bằng cách bình luận phía dưới.

Cảm ơn bạn đã đọc, gặp lại bạn sau.

Nguồn: blog.suhailkakar.com/7-trending-projects-on..