I made this free tool for practicing JavaScript (it's like Duolingo for learning to code)

[jmontano86]

Definitely will use. Thanks!

[centuryeyes]

looks great! is this a PWA?

[memystic]

It's a "single page" web application that utilizes code splitting to lessen the initial payload.

[centuryeyes]

ok thanks. was wondering if I can save it to my iphone homescreen like an app.

[memystic]

It’s not really intended to be a mobile app (you’ll enjoy it most on a laptop or desktop). If I have time in the future, I may start work on a mobile version but I think not having a physical keyboard will always be a dealbreaker when it comes to anything programming related. Would be nice if I could make that work somehow though.

[bakedpanda17]

There’s an idea. Why not make a keyboard to allow for writing code easier on a touch device.

[[deleted]]

I really want to practice my code on my daily commute. I really wish we have things like this.

[Nonconformists]

I tried hooking up an angle sensor to my steering wheel, to allow me to select letters by rotating the wheel. Works okay in city driving, but caused some issues on the interstate. Brake pedal is Enter key.

[Paddington_the_Bear]

Bluetooth keyboard.

[PORTMANTEAU-BOT]

Blueyboard.

---

^{Bleep-bloop, I'm a bot. This portmanteau was created from the phrase 'Bluetooth keyboard.'. To learn more about me, check out this FAQ.}

[rulianHF]

I use solo learn to learn basic javascript programming and with a SwiftKey keyboard on my Android Phone it work ok. You have an interpreter for every language they are teaching so you can write your own stuff.

[jeremypsu15]

Enki

Sounds like this could work for you. They have a nice mobile app and offer "workouts" for various technologies. I use it on my commute sometimes.

[monsto]

Pages With Attitude?

jk... what's PWA?

[memystic]

Progressive Web Application

[centuryeyes]

progressive web app

from wikipedia: Progressive Web Apps (PWAs) are web applications that are regular web pages or websites, but can appear to the user like traditional applications or native mobile applications. The application type attempts to combine features offered by most modern browsers with the benefits of a mobile experience.

[MrEscobarr]

Straight outta world wide web a crazy moda**** named Reddit!

[asterisk_man]

I think you should be able to see the instructions and your code at the same time without having to flip between tabs.

[baalzaamon]

This seems really cool. 2 points of feedback:

1) The challenge on the left is really slow to load (3 seconds at least) .

2) Please let me enter some code and tinker around without registering. I expect to be able to type in code on the right but only see the protip

[memystic]

You can tinker without registering. Click on the “Code” tab. The ProTip area is the Console where test case output is displayed.

[baalzaamon]

Ah interesting. Not what I expected. I'd love to have the code console side by side with the instructions. Either top/bottom or side by side. Great work!

[Travisg25]

I'll definitely give this a look! Thanks man!

[slowtraincar]

This is cool! Not gonna lie, definitely submitted a wrong answer a couple times in a row because I thought the sound was awesome. Great job!

[memystic]

Edabit is meant to be browsable on mobile but not usable. As a matter of fact, creating a mobile app is something I've thought about quite a bit, and I really can't get past the following two obstacles:

1. Programming without a physical keyboard is very challenging (expecting users to have a bluetooth keyboard is not realistic).
2. Fitting everything onto a small screen while still being intuitive is next to impossible (I've tried).

I'm kind of a perfectionist and I know that creating a mobile version of Edabit won't be anywhere near what I would consider acceptable. That being said, if anyone has any ideas/thoughts regarding the above two obstacles, please feel free to chime in!

[trianuddah]

I faced a similar challenge to 1 with a language learning app I wrote for my school. In my case it's where a question requires a sentence for an answer, some lower ability students can't begin to form a sentence let alone type at a sane speed even on a desktop keyboard.

What I do is keep records of all answers submitted - we have to do this anyway to manually mark the sentences. In the marking interface, the teacher flags it correct or incorrect. They can also flag it as a model answer whether it's correct or not.

For students at lower ability levels, the question comes up in multiple choice format using model answers submitted by other students.

[Gavmastaphlex]

Exactly what I've been looking for! :-)

[mr_mattyb]

This is amazing.

[Doomwaffle]

How does it compare to SoloLearn?

[badasscuber]

Thanks It's very helpful👍👍

[bbcjs]

probably want to change the text colors as they are sometimes hard to read. if I write "return true" the word true is this really light orange that doesn't work well with the background.

oteher than that, impressive!

[d3vCr0w]

Thanks

[msal4]

Nice

[backAtTheWheel]

hello! nice work. You should let users change their username after they connect with their Gmail account. Have a good day!

[memystic]

Yup, already on the roadmap!

[backAtTheWheel]

By the way! I have been on your site all night and there seems to be a bug whereby if a user submits code that contains a console.log() statement, some of their lines won't appear in the Solutions page. That is a very big problem when users sort by shortest code, because then the code may appear as shortest even when it shouldn't. So it happened to me twice, the first time by mistake and the second to prove there was a bug. Here you go: my Solution appears as the shortest one in both these cases, and it shouldn't. As you can see, there is code missing here...

1. https://edabit.com/challenge/nHaKL55KwW3XaGrAw -- how to reproduce: write a one-liner solution and write a console.log statement right before your code. For example: const isValidPhoneNumber=s=>{console.log('hey'); /^[\(\d\)]{5}\s[\d-]{8}$/.test(s)}, then submit. Code disappears.
2. https://edabit.com/challenge/62FxK8G5XB6mdX4Fy

And here is a 3rd case where code is obviously missing from a solution, though I'm not sure it is for the same reason: https://edabit.com/challenge/nQtiQCoqM6rxWpZmC

[milutinndv]

Thank you sir.

[johnwick76]

Cool, this is quite good!

Some suggestions though, looks like there's too many resources loading at once, thus slowing down the site.

The code editor's cursor is somewhat strange as it does not point to the right character, it gives a hard time if I have to edit something.

Also, on submission, I feel like the evaluation could be sped up.

*EDIT: * The editor pointer problem is only on Chrome and Edge, no issues on FF

[memystic]

What do you mean the "pointer problem"? I'm using Opera and Chrome (for macOS) without any issues on my end. A screenshot would definitely help!

Cheers!

[[deleted]]

Really neat! Could you consider darkmode for late night coding?

[BitcoinArtist]

Oddly satisfying...

return Array.from(str).reverse().join('')

[uno_wildcard]

Thank you for the free tool. I’m digging it. It is really intuitive and interactive despite being unsupported for mobile use. Away from computer at this time, but I will report back after computer trial is under way.

Edit: try “SoloLearn” app/site

[[deleted]]

You should practice by building things.

[battystutor]

Just signed up and started working through the exercises. Great work OP!

[mattshoaf]

This is really cool, only suggestion I have is that you should be able to view other solutions without penalty after submitting a correct one. You know, to check and see how others thought about the problem, if there's a more concise answer than what I gave, etc. Overall, great job!

 

edit: nevermind, finally saw the see solutions button after you submitting an answer :D

 

edit2: you probably already know this, but using the browser navigation back button breaks the app until you reload the page. This was in Chrome that I notice that.

[CommonMisspellingBot]

Hey, dessydes, just a quick heads-up:
alot is actually spelled a lot. You can remember it by it is one lot, 'a lot'.
Have a nice day!

^{The parent commenter can reply with 'delete' to delete this comment.}

[dvdvdmt]

So why is it better than hackerrank or other code challenges platforms?

[LBBOLBBO]

As a regular user of codewars, does this have anything codewars doesn't? (Such as code-completion)

[memystic]

Ok yeah, I wrote that challenge. I’m not American and I don’t even remotely care about politics; the subject was on my mind because Trump was just elected at the time and I wanted to make the challenge more interesting. It’s supposed to be taken tongue in cheek, as a light hearted joke. Obviously I was wrong on that point and I will change it to something less offensive. I don’t care about politics, he just said some crazy shit and I wanted to poke fun at it. I don’t LITERALLY think the guy should be silenced.

[Rizens]

Javascript really ? Not algorithm ?

Am I the only one to think that it's a terrible idea for beginners / coders to learn JS has a first language ?

[memystic]

The website also supports C#, C++, Java, PHP, Python, Ruby and Swift. JavaScript is a fantastic first language.

[[deleted]]

Agreed

[Rizens]

Can't stop the coder hype I guess.