想做一款在线互动编程学习的 web 应用，开源项目需要 UI 设计小伙伴的支持。

[litpen]

楼主是一名应届生，以下描述纯属自己的想法，如有错误和不妥之处请指出，我定虚心学习

楼主也是前端出身，察觉到现在前端行业供不应求（这里的‘供’指的是真正有能力的前端人才）。目前学习前端的人大部分是自学，自学的人大部分是看视频教程，然而大部分看视频教程的人都只会跟着视频内容走，形成一种惰性思维：只会照着打、不看就不会打、打了也不知道什么意思。这种学习环境出来的人自学能力都比较弱，而前端这个“变速”的行业可就得自学能力强的人才能吃得消的。

所以我想说的是，不管学什么东西，不能为了学这个东西而学这个东西，而是要学会掌握适合自己学习的方法，不管学什么东西都能得心应手。

那么会不会有这样的一款产品呢？

以互动编程的形式引导教学，用最真实的编码体验和方便快捷的运行效果
摆脱在学习界面还要看长篇理论的用户体验，养成自行查文档的习惯，提高自主学习能力。
。。。

如果觉得这样的产品对前端教学有帮助，请伸出一臂之力。。
因为我现在工作经常加班没什么时间，所以需要小伙伴的帮忙，希望有热爱开源的 ui 设计师帮忙。

[Strikeactor]

http://www.codecademy.com/
http://codecombat.com/
想法没啥错，但是轮子真的已经不少了

[Strikeactor]

第二行的网址得用 https 。。
https://codecombat.com/

[litpen]

我知道，你不觉得界面复杂吗， codecademy 那在线运行器太慢了

[litpen]

@Strikeactor 这些都基础过头了，还收费

[Strikeactor]

@litpen 我不觉得 codecademy 的界面很复杂，课程质量和解释器速度也没有必然的联系。顺便好奇，你从哪儿看到收费的？

[wkdhf233]

这界面嫌复杂，楼下的 UI 设计小伙伴散了吧

[litpen]

@wkdhf233 你 Run 一下就知道了

[wkdhf233]

@litpen Run 了，恕我眼拙，并没有发现界面的复杂度有所增加



看来我这个不那么专业的 UI 设计是需要向楼主学习的，愿闻其详

[litpen]

codecademy 的缺点：
在线运行还要通过服务器,静态页面直接在浏览器上解析不就行了嘛
教学内容太过基础， pro 版收费
全英文对于国内大部分初学者都接受不了

[litpen]

@wkdhf233 我没说过 codecademy 的界面复杂啊，你怎么把我带进去了

[function007]

@litpen 中文的来了
http://www.jisuanke.com/
https://www.shiyanlou.com/
http://www.imooc.com/

[netabare]

https://www.codeschool.com
http://www.jisuanke.com
https://www.shiyanlou.com
还有刚发现的那个 paiza

codecademy 现在回过头看在上面浪费了不少时间，确实没太大收获。
另外在线编辑器如果设计不好的话体验会很差（就像 po 主所说的按部就班的感觉），感觉还不如一边 google documentation 一边开 brackets 实时预览。

[litpen]

其实都各有优劣，但我觉得学习成果基本差不多。
还是那句话:"养成自行查文档的习惯，提高自主学习能力。 "

[wkdhf233]

@litpen 纯前端构造后端语言的运行沙盒挺厉害的，我等着看楼主的成果了

[lebowsk1s]

不是打击你， w3school 够前端码农学了，照走一遍就七七八八了

[wkdhf233]

交互式学习本来就是为入门准备的，学完基础课程也该会自己查文档了

[88250]

楼主，请看这里： https://wide.b3log.org

还有这里： https://hacpai.com/article/1437497122181

不过语言是 golang 。

[CrazySpiderMan]

嗨喽. 我是"我闲得蛋疼无聊, 你有什么产品, 我来给你实现. "的题主, 我看了你留言, 我只关心两个:
1, 你已经有怎么做的想法了吗?
2, 所有界面设计你都 hold 住吗?

如上两个都"yes"的话, 接下来我们谈谈.

[litpen]

@CrazySpiderMan 目前在设计教学子页的内容，最重要就是教学子页如何设计得适合我说的那些“人群”

[CrazySpiderMan]

@litpen 我给你发了封邮件.