JavaScript Learning

Open-source JavaScript projects categorized as Learning

Top 23 JavaScript Learning Projects

  1. Web-Dev-For-Beginners

    24 Lessons, 12 Weeks, Get Started as a Web Developer

    Project mention: Build Your First Typing Game with JavaScript - Part 3 | dev.to | 2024-11-19

    Web development tutorial reference from Microsoft.

  2. Nutrient

    Nutrient – The #1 PDF SDK Library, trusted by 10K+ developers. Other PDF SDKs promise a lot - then break. Laggy scrolling, poor mobile UX, tons of bugs, and lack of support cost you endless frustrations. Nutrient’s SDK handles billion-page workloads - so you don’t have to debug PDFs. Used by ~1 billion end users in more than 150 different countries.

    Nutrient logo
  3. wtfjs

    🤪 A list of funny and tricky JavaScript examples

    Project mention: Show HN: FixBrowser – a lightweight web browser created from scratch | news.ycombinator.com | 2024-12-24

    Python may not be the best example, but some other languages also exist and are both less "weird" than https://github.com/denysdovhan/wtfjs and fast (e.g. see http://luajit.org/ which is far less complex than V8).

  4. 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 —

    Project mention: Rant: state of generative AI in code generation. | dev.to | 2025-02-05

    In my experience with AI code generation, in visual projects like UI development or JavaScript based animation (using three.js or p5.js) etc. AI tools work pretty well.

  5. 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.

  6. bash-handbook

    :book: For those who wanna learn Bash

  7. learn-to-cloud

    Learn the fundamentals of cloud computing

  8. gridgarden

    A game for learning CSS grid layout 🥕

    Project mention: Anchoreum: A game for learning CSS anchor positioning | news.ycombinator.com | 2025-02-11
  9. CodeRabbit

    CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.

    CodeRabbit logo
  10. codecrumbs

    Learn, design or document codebase by putting breadcrumbs in source code. Live updates, multi-language support and more.

  11. watlings

    Learn WebAssembly by writing small programs!

  12. learn-nodejs-hard-way

    Learn NodeJS and master the art of server-side programming by creating a backend framework with 0 dependencies.

  13. contribute-to-open-source

    [STILL ACTIVE] Learn the GitHub workflow by contributing code in a fun simulation project

  14. sprig

    🍃 Learn to code by making games in a JavaScript web-based game editor. (by hackclub)

    Project mention: Sprig: Build a game, get an open source console | news.ycombinator.com | 2024-09-27
  15. tour_of_rust

    A tour of rust's language features

  16. practical-front-end-projects

    Collection of practical front-end projects developed by pure JS, HTML, and CSS without any third-party libs and packages

  17. wasm-by-example

    Wasm By Example is a website with a set of hands-on introduction examples and tutorials for WebAssembly (Wasm)

    Project mention: Waxolotl – a small language that compiles to WebAssembly text format | news.ycombinator.com | 2024-05-18

    It's crazy that even the simplest Hello World translates to 1191 lines of WebAssembly text format (without comments). Compare it to only 18 lines with AssemblyScript: https://github.com/torch2424/wasm-by-example/blob/master/exa...

  18. carden

    Flashcards with spaced repetition and gamification 🌱

  19. euismod

    📝 A website that make learning CSS grid easy and interactive

  20. streams-workshop

    A FREE and open-source workshop about Node.js Streams

  21. spaceinvaders

    Classic Space Invaders game written in JavaScript as a learning exercise.

  22. SoliditySamples

    Solidity Smart Contracts Samples

  23. intertwingled

    A collection of videos to showcase the magic alchemy of computation.

  24. reallyconfused

    Explore, Create and Share Learning Roadmaps in Tech 📍 🚀 🧗 🎒

  25. Twitter-Comment-Bot

    A bot that comments on tweets containing a specified keyword. The bot uses the OpenAI API to generate comments and the Twitter API to post them. It is designed to run continuously, with a fixed delay between each comment.

  26. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020).

JavaScript Learning discussion

Log in or Post with

JavaScript Learning related posts

  • Relax while watching bouncing particles making connections when they get closer

    3 projects | news.ycombinator.com | 9 Jan 2025
  • Naming Things

    1 project | news.ycombinator.com | 6 Dec 2024
  • Sprig: Build a game, get an open source console

    1 project | news.ycombinator.com | 27 Sep 2024
  • Ask HN: Bat game (like cssgarden) but for BATCH scripting

    1 project | news.ycombinator.com | 30 Jul 2024
  • Books to Dive in into Fullstack Development

    5 projects | news.ycombinator.com | 1 Jul 2024
  • Waxolotl – a small language that compiles to WebAssembly text format

    3 projects | news.ycombinator.com | 18 May 2024
  • Processing Foundation 2024 Software Development Grant (pr05): 'New Beginnings' Open Call

    3 projects | dev.to | 16 May 2024
  • A note from our sponsor - CodeRabbit
    coderabbit.ai | 19 Feb 2025
    Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR. Learn more →

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 84,920
2 wtfjs 35,354
3 p5.js 22,072
4 js-code-to-svg-flowchart 7,065
5 bash-handbook 5,786
6 learn-to-cloud 4,671
7 gridgarden 3,240
8 codecrumbs 2,712
9 watlings 1,640
10 learn-nodejs-hard-way 1,439
11 contribute-to-open-source 1,405
12 sprig 956
13 tour_of_rust 901
14 practical-front-end-projects 550
15 wasm-by-example 502
16 carden 442
17 euismod 285
18 streams-workshop 272
19 spaceinvaders 204
20 SoliditySamples 201
21 intertwingled 133
22 reallyconfused 130
23 Twitter-Comment-Bot 94

Sponsored
Nutrient – The #1 PDF SDK Library, trusted by 10K+ developers
Other PDF SDKs promise a lot - then break. Laggy scrolling, poor mobile UX, tons of bugs, and lack of support cost you endless frustrations. Nutrient’s SDK handles billion-page workloads - so you don’t have to debug PDFs. Used by ~1 billion end users in more than 150 different countries.
www.nutrient.io

Did you know that JavaScript is
the 3rd most popular programming language
based on number of references?