With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js. Learn more →
Top 23 JavaScript Learning Projects
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
p5.js
p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code and express themselves creatively on the web. It is based on the core principles of Processing. http://twitter.com/p5xjs —
-
js-code-to-svg-flowchart
js2flowchart - a visualization library to convert any JavaScript code into beautiful SVG flowchart. Learn other’s code. Design your code. Refactor code. Document code. Explain code.
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
-
codecrumbs
Learn, design or document codebase by putting breadcrumbs in source code. Live updates, multi-language support and more.
-
contribute-to-open-source
[STILL ACTIVE] Learn the GitHub workflow by contributing code in a fun simulation project
-
learn-nodejs-hard-way
Learn and master NodeJS and backend development by creating a backend framework with 0 dependencies.
-
wasm-by-example
Wasm By Example is a website with a set of hands-on introduction examples and tutorials for WebAssembly (Wasm)
-
practical-front-end-projects
Collection of practical front-end projects developed by pure JS, HTML, and CSS without any third-party libs and packages
-
learndb
Curated learning resources with topics, formats, difficulty levels, expert reviews and metadata tags
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
Project mention: JS2flowchart – convert any JavaScript code into beautiful SVG flowchart | news.ycombinator.com | 2023-05-12
Grid Garden: Master CSS Grid layout by playing this game.
If we’re doing self promo, I’ve got something similar but significantly smaller in scope:
My previous repository Node.js - The hard way received a lot of good feedback from Js/Node developers. However, I noticed that many people were not well versed with Javascript in the first place.
Project mention: Hack Club Blot: A CNC drawing machine for programmatic art. Built with teenagers | news.ycombinator.com | 2024-04-09Blot is completely open source (hardware and software). You can find the GitHub here: https://github.com/hackclub/blot
I spent the last year building Blot with teenagers in the Hack Club community including but not limited to B (age 19), Henry (15), Kai (17), Shawn (18), Hugo (15), Ella (19) and Bright (15).
At Hack Club we’re working on building a new model for public education through open source projects. We believe people learn best by building things they care about and sharing those things with others. We want to support motivated teenagers around the world to pursue technology this way. That’s why we created the “You Ship, We Ship” model. We build online creative coding environments that are gateways to other subjects in technology. When teenagers create projects with our tools and share them publicly we send them more creative material. At the end of 2022 we released our first “You Ship, We Ship” project: Sprig.
Sprig is a microworld for making tile games, when you share your game we send you the hardware to build a handheld gaming console that can play that game. https://github.com/hackclub/sprig
Today we are releasing our newest “You Ship, We Ship”: Blot. Create a program that generates line art and we’ll send you a robot that can draw that art in real life. We hope Blot will encourage people to explore the beauty of programming and be a gateway to digital fabrication. Nothing feels more magic to me than writing an incantation on a computer that can materialize into a real thing that you can hold in your hands. I hope to share that magic with you through Blot.
Everything is free and open source so anyone is welcome to use the editor, submit to the gallery, or build a Blot machine. You have to be a teenager for us to send you a machine for free though.
I’m excited to see what people make! Enjoy.
If you want to learn more about Hack Club you can check out this short documentary we made about our 2023 summer hackathon: https://www.youtube.com/watch?v=O1s5HqSqKi0
Looks like the code is here if you want to send a PR: https://github.com/torch2424/wasm-by-example
Project mention: Intertwingled: Collection of videos to showcase the magic alchemy of computation | /r/hypeurls | 2023-09-27
Project mention: Unnatural Keys – Nature doesn’t come with identifiers | news.ycombinator.com | 2023-05-28I ran into the same problem while building https://learnawesome.org/ . Forget the broad class of "learning resources", even the "books" category doesn't have a usable unique ID. Not everything gets an ISBN for example. There's also the ambiguity between a "work" and an "edition" of a work.
This is probably why OpenLibrary supports mapping of books with 40+ identifiers: https://github.com/internetarchive/openlibrary/blob/master/o...
JavaScript Learning related posts
- Hack Club Blot: A CNC drawing machine for programmatic art. Built with teenagers
- How to Center a Div in CSS
- Turbo Pascal Turns 40
- I've always had trouble with Morse Code puzzles in escape rooms, so I looked for a way to practice it. This is by far the easiest way I've found, the mnemonics are so fun!
- Grid Garden
- Master JS - The quickest way possible
- Node.js is way faster than you think ft. Bun, Rust
-
A note from our sponsor - SurveyJS
surveyjs.io | 19 Apr 2024
Index
What are some of the best open-source Learning projects in JavaScript? This list will help you:
Project | Stars | |
---|---|---|
1 | Web-Dev-For-Beginners | 81,368 |
2 | wtfjs | 33,956 |
3 | p5.js | 20,835 |
4 | js-code-to-svg-flowchart | 6,986 |
5 | bash-handbook | 5,589 |
6 | learn-to-cloud | 4,399 |
7 | gridgarden | 3,087 |
8 | codecrumbs | 2,687 |
9 | watlings | 1,613 |
10 | contribute-to-open-source | 1,306 |
11 | learn-nodejs-hard-way | 1,161 |
12 | tour_of_rust | 849 |
13 | sprig | 782 |
14 | wasm-by-example | 483 |
15 | practical-front-end-projects | 443 |
16 | carden | 418 |
17 | euismod | 278 |
18 | streams-workshop | 253 |
19 | SoliditySamples | 203 |
20 | spaceinvaders | 194 |
21 | reallyconfused | 131 |
22 | intertwingled | 127 |
23 | learndb | 110 |