【问题标题】:Where can I collaborate on JavaScript, similar to CodeHS [closed]我在哪里可以在 JavaScript 上进行协作,类似于 CodeHS [关闭]
【发布时间】:2016-04-21 15:23:08
【问题描述】:

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

【问题讨论】:

    标签: javascript collaboration


    【解决方案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 fiddle。

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

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

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

    希望能帮到你!

    【讨论】:

      【解决方案2】:

      这里是 CodeHS 的一位创始人--

      这里有一些资源可用于在 CodeHS 之外运行 CodeHS JavaScript。

      1. 这里是 CodeHS Javascript 库的链接:https://d14to6y4nub5k1.cloudfront.net/gulp/d75f876caefad248c9b735ae6761a39c4c205490/chs-js-lib/chs.js

      您可以将其包含在任何 html 页面上以访问该库。

      例如在您的 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

      如果您有任何问题,请随时与我们的支持团队联系。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多