s-a / TRY.js

A realtime coding environment to try JavaScript

Home Page:https://s-a.github.io/TRY.js/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

TRY.js (Beta)

Google Drive™

Production:
Development:
Donate

TRY.js is supposed to programm a virtual robot which moves in a 3D environment able to pick up and unload objects. The program gives beginners a first insight into the world of computer programming.

Due to the ease of use and the limited instruction set TRY.js is well suited for the introduction to programming, especially for learning the programming language JavaScript. It gives an overview about synchronious and asynchronious codes as well as test driven development.

Anyway you are welcome to send possible bug reports and/or fixes.

Share your work
All your work can be saved on Google Drive™ where you can share your work with your friends. You need a Google™ account to use this feature. However this is optional. You can easily quick share something with a click on the Package / ShareViaLink menu item. This will load a new window where you can copy the URL to share.

To publish your work world wide visit channel.try.js and follow the instructions. The channel.json points to different codes in external repositories. There are some packages available containing an environment, a test suite and a robot program for demonstration purposes. A robot program is optional so you can create different levels for TRY.js. I would be happy to see various mutations and receive pull requests there. If you do not want create your own repo create your own folder and add your codes to examples.try.js.

Learn TRY.js in a few minutes

Mouse orbit control

  • Left Click + Mouse move: Rotate view
  • Wheel up/down: Zoom in / Zoom out
  • Right Click + Mouse move: Pan view

Load example presets

A click on the Package / Open menu item will show a list of avilable examples.

Developer API guidelines

Environment - Create and edit your own environments

Robot API - Create and edit your own robot programs

Test API - Create and edit test suites

Miscellaneous

Browser Support

This web app is developed with Google Chrome and tested with the following desktop browsers.

  • Chrome | Windows 7 32bit (Version 40.0.2214.111 m) OK
  • Opera | Windows 7 32bit (Version 25.0) OK
  • Firefox | Windows 7 32bit (Version 35.0.1) OK
  • Internet Explorer | Windows 7 32bit (Version 11.0.16) Works ecxept of loading packagaes.
  • Safari | Windows 7 32bit (Version 5.1.7) COMPLETE FAIL :O(

A click on the social share icon in the upper left corner item will open a share dialog.

Feel free to write me your thoughts.

Feel free to leave feature requests.

A click on the About / Donate menu item will open a donation dialog.

Improve the code

Forks are welcome but please create a new branch first before submit pull requests. There is a client side test method available window.engine.test();. The method can be invoked via console and tests all packages from channel.try.js in one suite. This should help to keep the code stable.
The website needs a webserver. You can use any webserver, but this repository contains a lightweight Node.js® webserver which will also help to run the headless tests. The headless test expects the website live at http://localhost:3000/. You can change this in the Gruntfile.js settings section.

However I suggest the following workflow:

  • install Node.js® from http://nodejs.org/ on your system.
  • git clone https://github.com/s-a/TRY.js.git to clone the repo.
  • cd TRY.js
  • git branch your-feature or "your-bugfix" to create your own branch.
  • npm install to install develpment dependencies.
  • node server.js to start the webserver.
  • open http://localhost:3000/ in your browser and enjoy :).
  • improve the code. Yeah!
  • npm test to test your changes (change Gruntfile.js grep settings to run single tests).
  • git add .
  • git commit -am "I fixed or improved something"
  • git push
  • create a pull request

Credits

That's all folks! And now TRY JavaScript online and create something awesome! :O)

About

A realtime coding environment to try JavaScript

https://s-a.github.io/TRY.js/


Languages

Language:JavaScript 89.1%Language:HTML 4.3%Language:Python 2.6%Language:C++ 0.9%Language:C 0.6%Language:SCSS 0.6%Language:MAXScript 0.6%Language:CSS 0.5%Language:Cython 0.4%Language:Handlebars 0.3%Language:ActionScript 0.1%Language:Shell 0.1%Language:Less 0.0%Language:Batchfile 0.0%