我在哪里可以与JavaScript协作,类似于CodeHS

时间:2016-04-21 15:23:09

标签: javascript collaboration

是否有任何网站可以使用CodeHS Javascript,同时还允许多个用户在同一个控制台上?我正在做一个高中项目,需要一个协作网站在一个程序上一起工作,以便在课堂上展示,但我们所知道的唯一Javascipt是​​CodeHS所拥有的Javascript。如果没有,那么学习我们必须学习的Javascript是否有任何提示。感谢您的帮助!

2 个答案:

答案 0 :(得分:1)

我是CodeHS的创始人,所以希望我能帮助你解决一些问题。我们有一个实验性功能,可让您在CodeHS网站上实时协作,但尚未向所有人推出。在与朋友测试时,我只需设置一个JSFiddle链接,您可以在此处进行协作:

https://jsfiddle.net/jkeesh/bexz7c3d/

var circle = new Circle(50);
circle.setColor(Color.BLUE);
add(circle);

setTimer(animate, 100);

function animate(){
    circle.move(5, 5);
}

这是一个绘制和移动蓝色圆圈的短程序。

我做了什么(你也可以做!)是从我的沙盒中取出一个程序,然后点击“嵌入”标签。在该选项卡上,它为您提供了在您自己的页面上运行它所需的HTML和JavaScript。我刚刚用这个信息设置了这个JS小提琴。

我所做的是添加画布(以便您可以创建图形)以及包含外部JavaScript资源,包括jQuery和CodeHS JavaScript库。

如果您想与朋友一起扩展,可以点击“fork”,然后就拥有自己的版本。

对于那些不知道CodeHS是什么的人来说,它是一个帮助向高中教授编码的网站,我们有一个JavaScript库,我们用它来帮助简化一些事情。关于此的完整文档:https://d14to6y4nub5k1.cloudfront.net/gulp/57e816d2f11c9f1627f0d84b85f8c2132674d70c/jsdoc/chs-js-lib/index.html

希望有所帮助!

答案 1 :(得分:1)

CodeHS的创始人之一 -

以下是一些可用于在CodeHS之外运行CodeHS JavaScript的资源。

  1. 以下是CodeHS Javascript库的链接:https://d14to6y4nub5k1.cloudfront.net/gulp/d75f876caefad248c9b735ae6761a39c4c205490/chs-js-lib/chs.js
  2. 您可以在任何html页面上包含该内容以访问该库。

    e.g。在您的html页面上包含此内容

    <script type="text/javascript" src="https://d14to6y4nub5k1.cloudfront.net/gulp/d75f876caefad248c9b735ae6761a39c4c205490/chs-js-lib/chs.js"></script>
    
    1. 访问https://codehs.com/docs查看图书馆所有部分的文档

    2. 如果您在沙盒中的CodeHS上启动项目,则可以阅读此资源以将您的程序嵌入HTML页面:http://feedback.codehs.com/knowledgebase/articles/372002-how-can-i-use-my-code-outside-of-codehs

    3. 如果您有任何疑问,请随时与我们的支持小组联系。