Some criticism: You should show JS syntax errors instead just showing a generic error message. I understand you don't want to scare newbies away with compiler errors, but your solution just makes debugging more difficult.
You should show syntax errors, but translate the default JS error messages into something friendlier. Codecademy does this for their intro lessons.
Looks like a great product, though! Keep it up.
There's a good reason for this, which I will explain with an analogy:
Lesson 1: Write the Great American Novel.
Lesson 2: Learn how to write engaging, readable short stories.
Lesson 3: Learn how to write internally consistent essays.
Lesson 4: Learn how to write coherent paragraphs.
Lesson 5: Learn how to structure grammatically correct sentences.
Lesson 6 Learn how to use and spell common English words.
Lesson 7: Learn how to enter text on a keyboard.
Get it? Lessons have a natural order, and each lesson requires what was learned beforehand.
Also, I wanted to browse around the lessons in order to evaluate the quality of the site so that I could decide whether to recommend the site to non-programmer friends.
That should have been the first thing you said. :)
But such tutorials are obviously for rank beginners, experienced programmers don't use these kinds of sites. Unless it's a dramatic jump, like from COBOL to Haskell, to learn a new language they go straight to the language's documentation:
Python 2:
Python 3:
With Codecademy I could do that, here I cannot. So Codecademy it is.
Skipping is a really important feature for those who you hope would promote your service for you :-)
We’ve built a site where you can learn Python, Ruby, and JavaScript in a fun, engaging and interactive way. How is LearnStreet different from other learn-to-code sites you ask?
UI/UX: A key aspect of LearnStreet’s courses is its distinct UI/UX. In order to see this, simply sign up!
Multi-modal: Our courses are designed for beginners, and we have multiple ways to help you learn, including live chat, Twitter, Q&A, hints, videos and background material. If you don’t know which language you want to pick up, check out our teaser videos in the Courses page! http://www.learnstreet.com/lessons/languages/javascript
Code Garage: If you already know how to code, check out Code Garage where you can try your hand at cool coding projects like building a Mastermind game or a Sudoku Solver. http://www.learnstreet.com/cg/simple/projects/javascript
Dev Tool: We’ve culled the web to provide some key resources beyond the core programming language that will help you gain a better understanding of what it takes to become a competent coder. http://www.learnstreet.com/dev_tools/
We just launched about a week ago and would love to get your feedback. We are looking for expert coders to help build out our other courses so check out the Contribute section on our site as well.
Coding Starts Here!
-The LearnStreet Team