An Educational IDE showing off various Google EDU technologies.
JavaScript CSS Other
Permalink
Failed to load latest commit information.
app Increased version number and hide experimental game mode. Feb 20, 2017
build Added Phaser framework and improved webview performance. Feb 24, 2017
doc Merge branch 'master' into python Jul 23, 2016
patches/blockly Removed modal patch for Blockly and used native version from google/b… Feb 4, 2017
resources Added additional sprites, examples and blockls. Feb 15, 2017
src Added Phaser framework and improved webview performance. Feb 24, 2017
test Increase timer for tests. Feb 15, 2017
third_party Removed modal patch for Blockly and used native version from google/b… Feb 4, 2017
.codeclimate.yml Adjusted eslint config. Dec 4, 2015
.eslintignore Added Blockly patches for modal windows and to fix audio preloading. Jul 5, 2016
.eslintrc Added Phaser framework and improved webview performance. Feb 24, 2017
.gitattributes Added .gitattributes for automatic line ending handling. Dec 30, 2015
.gitignore Makeblock mBot and mBot Ranger implementation. (#81) Sep 2, 2016
.gitmodules Implemented Phaser game framework for further "Game" module. Feb 3, 2017
.travis.yml Finalizing mBot implementation with additional examples. Aug 7, 2016
AUTHORS General cleanup and modification for latest changes. Jul 29, 2016
CONTRIBUTING.md Improved ev3 control and add documentation for keyboard short-cuts. May 30, 2016
LICENSE-HEADER Adjusted Copyright notice and smaller bug fixes. Jul 25, 2016
LICENSE.md Initial commit of Coding with Chrome BETA! Dec 3, 2015
NOTICE.md Implemented Phaser game framework for further "Game" module. Feb 3, 2017
README.md Makeblock mBot and mBot Ranger implementation. (#81) Sep 2, 2016
documentation.json Initial commit of Coding with Chrome BETA! Dec 3, 2015
package.json Added Phaser framework and improved webview performance. Feb 24, 2017

README.md

Available in the Chrome Web Store

Coding with Chrome

Code Climate Build Status

Coding with Chrome is an Educational Development Environment built around two core philosophies:

  1. Offer a stand-alone, offline app experience which allows people anywhere to learn how to build useful computer programs:

    • A basic IDE able to support real programming work
    • A tutorial system that poses a challenge, checks the solution and provides feedback.
  2. Allow educators to put together a custom curriculum made up of various components like:

    • input languages (blockly, javascript, coffeescript)
    • output modules (turtle graphics, javascript output, connected robots)
    • Flexible UI where elements can be easily added, modified or removed
    • Tutorial engine for self learning

Licensing

Apache License, Version 2.0 see LICENSE.md

Installing Coding with Chrome

If you only want to install Coding with Chrome, you could use the pre-compiled version on the Chrome store.

  1. Visit the Chrome Web Store
  2. Click Add to Chrome
  3. Go to chrome://apps and launch Coding with Chrome

What you need to build your own Coding with Chrome App

In order to build the Coding with Chrome App, you only need to have Node.js/npm. If you want to clone/copy the Coding with Chrome App repo, you need git as well.

Each build is cross platform compatible. Which mean if you build the Coding with Chrome App on Windows you could use the generated code genfiles/ folder on the other platforms like Mac OS X as well.

Windows

Install Node.js from the official web page at https://nodejs.org

Mac OS X

Install Node.js from the official web page at https://nodejs.org

Linux/BSD

Use your package manager to install Node.js, or build from source.

  • Optional
    • Use your package manager to install git, or build from source.
    • Install Open JDK or Java JRE

How to build your own Coding with Chrome App

Get the sources

Download the source files manual from GitHub or with git by running:

git clone --recursive git://github.com/google/coding-with-chrome.git

Init / update submodules

In some cases you need to init and update the submodules manually by:

git submodule init
git submodule update

Get required packages

Enter the "coding-with-chrome" directory and get the required packages by:

npm install

Build and run the actual app

To compile and run the Chrome app use the following command:

npm run app

This will automatically build and start the application on Mac OS, Linux or Windows.

Build the actual app

To compile the Chrome app run the build script:

npm run build

The build version will be put in the genfiles/ directory, together with all required packages and files.

How to load Coding with Chrome App manual in the Chrome Browser

Enable developer mode

Visit chrome://extensions in your browser (or open up the Chrome menu by clicking the icon to the far right of the Omnibox (three horizontal bars) and select Extensions under the Tools menu to get to the same place).

Ensure that the Developer mode checkbox in the top right-hand corner is checked.

Add the app

On the same page click Load unpacked extension… to pop up a file-selection dialog.

Navigate to the directory in which your genfiles/ files live, and select it.

Alternatively, you can drag and drop the directory where your genfiles/ files live onto chrome://extensions in your browser to load it.

Launch the app

On the same page click Launch next to Coding with Chrome or visit chrome://apps in your browser and click on the Coding with Chrome icon.

Supported hardware and system

Supported hardware

Computers and Laptops with Chrome OS or any OS which is able to run the Desktop Chrome Browser are supported. For additional features Bluetooth and/or USB are required.

Supported systems

The following operating systems are supported by Coding with Chrome:

  • Chrome OS
  • Mac OS
  • Windows OS
  • Linux (without Bluetooth support / USB supported)

Supported robots

The following robots are supported, out of the box by Coding with Chrome:

  • EV3
  • Sphero 2.0
  • mBot (firmware >= 06.01.104)
  • mBot Ranger (firmware >= 09.01.001)

Report Issues

For any issues or feature requests, we would really appreciate it if you report them using our issue tracker.

Contributing

Contributing to Coding with Chrome is subject to the guidelines in the CONTRIBUTING.md file, which, in brief, requires that contributors sign the Individual Contributor License Agreement (CLA).

For more information about develop for Coding with Chrome, please check doc/DEVELOPMENT.md

Translation

For translation instruction, please check doc/I18N.md.

Credits

Coding with Chrome is made possible by other open source software.