https://github.com/cjus/jsplayground

JavaScript Play Ground
https://github.com/cjus/jsplayground

Last synced: about 1 month ago
JSON representation

JavaScript Play Ground

• Host: GitHub
• URL: https://github.com/cjus/jsplayground
• Owner: cjus
• License: bsd-2-clause
• Created: 2014-11-11T18:33:11.000Z (about 10 years ago)
• Default Branch: master
• Last Pushed: 2014-11-13T01:41:14.000Z (about 10 years ago)
• Last Synced: 2024-04-17T03:51:01.006Z (9 months ago)
• Language: JavaScript
• Size: 481 KB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# JavaScript PlayGround (JSPG)

A simulated console for playing with JavaScript

This project is a some what silly way of playing around with JavaScript.  The basic premise is that this is a container project where you can write small Javascript snipets and see the results using the underlying liveedit feature.  The results of your Javascript snipet is shown in a mock console hosted in a web page.

![JSPlayground](JavaScript_Playground.png)

To add your own JS code just edit the `js/playground.js` file.

    window.playground = function() {

      'use strict';

      mcl('Welcome to the playgound');

      // {{ your code here! }}

    };

Output to the mock console using the global `mcl` function.

Side note: this project is based on the [Modern Website Seed (MWS)](https://github.com/cjus/modern-web-seed)

You can start the app using gulp.

    $ gulp

    [09:21:21] Using gulpfile ~/jsplayground/gulpfile.js

    [09:21:21] Starting 'watch'...

    [09:21:21] Finished 'watch' after 8.92 ms

    [09:21:21] Starting 'connect'...

    [09:21:21] Finished 'connect' after 7.18 ms

    [09:21:21] Starting 'default'...

    [09:21:21] Finished 'default' after 5.72 μs

    [09:21:21] Server started http://localhost:8080

    [09:21:21] LiveReload started on port 35729

Then simply point your web browser to: http://localhost:8080  and continue editing your code. Saving your code will trigger a browser refresh.

## Setup

First I assume you've installed Git and NodeJS

* Download and install [git](http://git-scm.com/downloads)

* Download and install [nodeJS](http://nodejs.org/download/)

Check the version of NPM you have installed:

    $ npm --version

If the version is less than 2.0.0, upgrade using:

    $ npm install -g npm

JSPG requires that you have [bower](http://bower.io/), [gulp](http://gulpjs.com) and [karma](http://karma-runner.github.io) installed:

```shell

$ sudo npm install -g bower 

$ sudo npm install -g gulp

$ sudo npm install -g karma-cli

```

     

In the project folder we need to hydrate the project's required files.

```shell

$ sudo npm install

$ bower install

```

Note: this install can take a several minutes to complete.