Top 17 JavaScript programming-language Projects
-
awesome-cheatsheets
👩💻👨💻 Awesome cheatsheets for popular programming languages, frameworks and development tools. They include everything you should know in one single file.
Expected to see Pyhthon there, but didn't. Then I looked in the repo, and there it was, just not linked on the front? https://github.com/LeCoupa/awesome-cheatsheets/blob/master/l...
-
Project mention: Ask HN: Simplest stack to build web apps in 2021? | news.ycombinator.com | 2021-11-22
-
-
This package includes an implementation of PHP's strtotime function. While it's not a direct port of the re2c PHP regular expressions, it does seem to handle the date formats we've used in this article. A program like this
-
Project mention: How to set up ORCA with a synthesizer with absolutely no knowledge about any of this? | reddit.com/r/synthesizers | 2021-11-25
So, I'd like to learn ORCA, but as far as I understood it needs additional software for it to work. I've already tried VCVRack, SunVox and Pilot, but none of them worked for me (Because I have no idea how to use them). I couldn't find any easy beginners guide on how to set everything up. I already know the basics about MIDI and music theory. Also, I'm doing this all on Linux.
-
Project mention: Clio: a functional, multi-threaded programming language that compiles to JavaScript | reddit.com/r/functionalprogramming | 2021-10-11
I've been working on a functional programming language in the past few years and I'd like to share it with you, would be nice to have some feedback on it! The language is called "Clio" and you can find it here: https://github.com/clio-lang/clio or here: https://clio-lang.org
-
-
const definition = { component: "Form", fields: [ { name: "heading", component: "Text", text: "# Form using [MSON](https://github.com/redgeoff/mson)" }, { name: "fullName", component: "PersonFullNameField", required: true }, { name: "birthday", component: "DateField", label: "Birthday", required: true }, { name: "phone", component: "PhoneField", label: "Phone" }, { name: "submit", component: "ButtonField", label: "Submit", type: "submit", icon: "Send" } ] };
-
Scout APM
Scout APM: A developer's best friend. Try free for 14-days. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.
-
Project mention: Show HN: LogoMor: a 3D Logo interpreter and visualizer | news.ycombinator.com | 2021-02-01
* JSLogo - Logo in Javascript: [https://github.com/inexorabletash/jslogo]. See the project's README.md for more links.
-
-
Project mention: Show HN: Handel – A procedural programming language for writing songs in browser | news.ycombinator.com | 2021-01-04
There are no recreations of songs fully written as of yet (but I do think that is a good idea and something to add to the examples folder).
For now there are a couple examples in the examples folder here: https://github.com/ddj231/Handel/tree/master/Examples
that demo the current core language features.
-
Project mention: What's something you do a lot in datapacks that you wish was easier? | reddit.com/r/MinecraftCommands | 2021-11-23
There's already things like MCScript and ObjD (both made by the same person), but I'm not really a big fan of their syntax, especially not ObjD. I want to go for something more C-like.
-
Depends what type of fractal you are looking for. Try searching thingiverse.com. Alternatively look at Eisenscript which was designed to make fractals using simple rules.
-
Method calls are nothing special, just calls which have the form .(). For example: const foo = { bar: function () { console.log(this); } }; foo.bar(); Enter fullscreen mode Exit fullscreen mode For method calls, this gets set to the object from which the method was called. Again, functions don't matter* for this, just the calls. function foo() { console.log(this); } let x = { bar: foo }; foo(); // Window x.bar(); // x let baz = x.bar; baz(); // Window Enter fullscreen mode Exit fullscreen mode Even baz will print Window. It's not a method call, it doesn't follow the method call format! 3. Constructor calls Or new calls (are calls too I suppose). In that case this gets set to the empty object {}. function Foo() { console.log(this); } new Foo(); // {} Foo(); // Window let x = { foo: Foo }; x.foo(); // x Enter fullscreen mode Exit fullscreen mode That's pretty much all there is to it......... ........or is it?! I apologize for this Remember how I told you this is all about function calls, not the functions themselves? Well, I lied. Ok look, let me remind you once again: They made javascript in 10 days! The this rules we've discussed above, they are a bit limiting. So there's three* ways you can override these rules. * don't you dare even mention apply 1. call The special call method on functions allows you to pass your own custom value of this to a function call (or the call's scope I should say). function foo() { console.log(this); } foo.call({ a: 42 }); // { a: 42 } Enter fullscreen mode Exit fullscreen mode 2. bind bind is another builtin method on functions. Much like call it too allows you to pass a custom value for this to the function call. Except unlike call, bind doesn't immediately call the function. It instead returns a special 'bound' functions. function foo() { console.log(this); } let bar = foo.bind({ a: 42 }); foo(); // Window bar(); // { a: 42 } Enter fullscreen mode Exit fullscreen mode 3. Arrow functions Arrow functions are the third way to override the call rules for this described previously. Arrow functions capture the this from the function scope in which they are created. function foo() { const bar = () => { console.log(this); }; return bar; } let bar = foo.call({ a: 42 }); bar(); // { a: 42 } Enter fullscreen mode Exit fullscreen mode So they're essentially the same as defining a normal function but then also binding it. // achieves the same effect function foo() { const bar = (function () { console.log(this); }).bind(this); return bar; } let bar = foo.call({ a: 42 }); bar(); // { a: 42 } Enter fullscreen mode Exit fullscreen mode In summary Yes, no pun in the heading this time (oops). The key takeaways are this: In JS this is associated with the current function scope, and since function scopes are associated with functions calls -- this is associated with calls. Those are the rules but they can be overridden. That is the reason why people are often confused when passing functions referencing this to callbacks. It's also why you were told to use arrow functions if you need to pass them to callbacks. I too was confused about this for a long time. Instead of taking the more sensible approach of reading an article such as this one, I instead decided to implement my own javascript. I wrote a subset of javascript. In that subset of javascript. If you want to go down that rabbit hole, then check out the repo: https://github.com/BlueBlazin/thislang If you want more posts on other javascript or computing related topics let me know on twitter: https://twitter.com/suicuneblue
-
I am Coder100 on repl.it. I have made numerous projects in nodeJS/TypeScript and ReactJS. I have also made a programming language in nodeJS: CookeyLang (now Quiken) with some help from other people!
-
Jellyscript
-
Project mention: November 2021 monthly "What are you working on?" thread | reddit.com/r/ProgrammingLanguages | 2021-11-01
I've been working on the grammar for my language Protea for a little over four months now. I aim for it to be used to build cross-platform full-stack applications, perhaps using existing JavaScript, Rust and Python libraries.
-
JavaScript programming-language related posts
- How to set up ORCA with a synthesizer with absolutely no knowledge about any of this?
- What's something you do a lot in datapacks that you wish was easier?
- Orca livecoding and Synthesizers - Is livecoding a new way for making ambient music?
- Livecoding the Elektron Octatrack with ORCΛ
- Never thought about that TBH
- Are there any fractal seeds in SCAD?
- Electron Adventures: Episode 81: Ideas That Did Not Work
Index
What are some of the best open-source programming-language projects in JavaScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | awesome-cheatsheets | 25,722 |
| 2 | imba | 5,399 |
| 3 | locutus | 3,598 |
| 4 | Orca | 3,580 |
| 5 | clio | 868 |
| 6 | ok | 452 |
| 7 | MSON | 411 |
| 8 | jslogo | 319 |
| 9 | tabloid | 255 |
| 10 | Handel | 195 |
| 11 | mcscript | 153 |
| 12 | eisenscript | 36 |
| 13 | thislang | 25 |
| 14 | CookeyLang | 16 |
| 15 | Jellyscript | 4 |
| 16 | ProteaLang | 4 |
| 17 | oo-lang | 2 |
Are you hiring? Post a new remote job listing for free.
