Web Development for Beginners – A Program
Azure Cloud Advocates at Microsoft create a 12-week, 24-lesson program dedicated to the basics of JavaScript, CSS, and HTML. Each lesson includes pre- and post-lesson quizzes, written instructions for completing the lesson, a solution, an assignment, and much more. Our project-based teaching allows you to learn while building, a proven way to “glue” new skills.
Link: github.com/microsoft/Web-Dev-For-Beginners
Three JS – 3D JavaScript Library
The goal of the project is to create an easy-to-use, lightweight, cross-browser, general-purpose 3D library. The current version only includes a WebGL renderer but WebGPU (experimental), SVG and CSS3D renderers are also available in the examples.
Link: github.com/mrdoob/trois.js
D3 JS – Bring data to life with SVG, Canvas and HTML
D3 (or D3.js) is a JavaScript library for visualizing data using web standards. D3 helps you bring data to life using SVG, Canvas and HTML. D3 combines powerful visualization and interaction techniques with a data-driven DOM manipulation approach, giving you all the capabilities of modern browsers and the freedom to design the right visual interface for your data.
Link: github.com/d3/d3
Mammoth JS – Docx to HTML
Mammoth is designed to convert .docx documents, such as those created by Microsoft Word, Google Docs and LibreOffice, and convert them to HTML. Mammoth aims to produce simple and clean HTML by using the semantic information of the document and ignoring other details. For example, Mammoth converts any paragraph with the Heading 1 style to h1 elements, rather than trying to exactly copy the style (font, text size, color, etc.) of the heading.
Link: github.com/mwilliamson/mammoth.js
Grapes JS – Open source website building framework
GrapesJS is a free and open source web authoring framework that makes it faster and easier to create HTML templates for distribution in sites, newsletters or mobile applications. Primarily, GrapesJS was designed for use in a CMS to speed up the creation of dynamic templates. To better understand this concept, check out the image below
Link: github.com/artf/grapesjs
Plyr – A simple HTML5, YouTube and Vimeo player
Plyr is a simple, lightweight, accessible and customizable HTML5, YouTube and Vimeo media player that supports modern browsers.
Link: github.com/sampotts/plyr
Size Limit – Calculate the actual cost of running your JS application
Size Limit is a performance budget tool for JavaScript. It checks every commit on CI, calculates the actual cost of your JS to end users and throws an error if the cost exceeds the limit. Link: github.com/ai/size-limit
Conclusion
I hope you found this article useful. If you need any help, let me know in the comments section.
Let's connect on Twitter And LinkedIn
👋 Thanks for reading, see you next time