ninabreznik / play-workshop

module for making play themed workshop apps

wizardamigos workshop

Module for creating workshops for teaching coding. Workshops can be standalone or combined into a curriculum with one or many topics and used in codecamps.

module

// [workshop.js]
const bel = require('bel')
module.exports = function workshop (workshopJson) {
  return bel`<div>${workshopJson}</div>`
}

examples

1. js_variables

// [workshop.json]
{
  "title": "Javascript Variables",
  "icon": "./workshop.svg",
  "version": "1.0.0",
  "lessons": [{
    "title": "",
    "learn": "http://youtube.com/?v=q3qfefqewe",
    "practice": "http://codesandbox.io/302iw0iw0",
  },{
    "title": "",
    "learn": "http://youtube.com/?v=q3qfefqewe",
    "practice": "http://codesandbox.io/302iw0iw0",
  },{
    "title": "",
    "learn": "http://youtube.com/?v=q3qfefqewe",
    "practice": "http://codesandbox.io/302iw0iw0",
  },{
    "title": "",
    "learn": "http://youtube.com/?v=q3qfefqewe",
    "practice": "http://codesandbox.io/302iw0iw0",
  },
  ]
}

// github page: (index.html + index.js)
var app = require('workshop')
var workshop = require('./workshop.json')
var el = app(workshop)
document.body.appendChild(el)

2. css_flexbox

• ...

3. js_web3_object

• ...