javascript-tutorial / javascript-tutorial/en.javascript.info

Alternative playground idea

Open
#2,682 2 comments 1 reaction 0 assignees View on GitHub
Dominant language
HTML
Stars
25.5k
Forks
4k
PR merge metrics
No merged PRs in 30d

Description

_First of all, thank you for creating such a comprehensive resource and making it freely available! As I often get asked about where to start learning JS, this is constantly in my top 3-4 aswers :)_

I wonder, are you open to adding an alternative playground option if it would provide an improved experience for your users?

I'm thinking specifically about StackBlitz, some of the benefits being:
- no ads
- familiar editor UI, that a lot of people know from Visual Studio Code
- support for dark/light themes
- a possibility to render a Console right in the UI, which could optionally allow replacing `alert` with `console.log` for a non-blocking flow
- a possibility to add Node.js articles in the future, since StackBlitz supports it too (see e.g. https://node.new)

I've made a quick proof of concept of how the experience could look like:

![sb-oss-demo-javascript_info](https://user-images.githubusercontent.com/1511906/127154774-6113ab16-ccf7-424c-92aa-47eb20416fda.gif)

Thanks again, and I'm curious to hear your thoughts!

Contributor guide

No contributing guide indexed for this repository

Research direction

Start with the issue body and its linked StackBlitz proof of concept. Assess whether an alternative playground should be integrated into the tutorial and define the affected articles, user experience, and acceptance criteria; the issue does not identify files, tests, or a concrete definition of done.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
documentation, web-dev
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.