{"action":"created","issue":{"url":"https://api.github.com/repos/waterbearlang/waterbear/issues/966","labels_url":"https://api.github.com/repos/waterbearlang/waterbear/issues/966/labels{/name}","comments_url":"https://api.github.com/repos/waterbearlang/waterbear/issues/966/comments","events_url":"https://api.github.com/repos/waterbearlang/waterbear/issues/966/events","html_url":"https://github.com/waterbearlang/waterbear/issues/966","id":56896104,"number":966,"title":"Template for waterbear tutorials ","user":{"login":"caleybrock","id":4640747,"avatar_url":"https://avatars.githubusercontent.com/u/4640747?v=3","gravatar_id":"","url":"https://api.github.com/users/caleybrock","html_url":"https://github.com/caleybrock","followers_url":"https://api.github.com/users/caleybrock/followers","following_url":"https://api.github.com/users/caleybrock/following{/other_user}","gists_url":"https://api.github.com/users/caleybrock/gists{/gist_id}","starred_url":"https://api.github.com/users/caleybrock/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/caleybrock/subscriptions","organizations_url":"https://api.github.com/users/caleybrock/orgs","repos_url":"https://api.github.com/users/caleybrock/repos","events_url":"https://api.github.com/users/caleybrock/events{/privacy}","received_events_url":"https://api.github.com/users/caleybrock/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/waterbearlang/waterbear/labels/Feature","name":"Feature","color":"02d7e1"},{"url":"https://api.github.com/repos/waterbearlang/waterbear/labels/User%20Friendliness","name":"User Friendliness","color":"5319e7"},{"url":"https://api.github.com/repos/waterbearlang/waterbear/labels/UX%20/%20Design","name":"UX / Design","color":"e102d8"}],"state":"open","locked":false,"assignee":{"login":"caleybrock","id":4640747,"avatar_url":"https://avatars.githubusercontent.com/u/4640747?v=3","gravatar_id":"","url":"https://api.github.com/users/caleybrock","html_url":"https://github.com/caleybrock","followers_url":"https://api.github.com/users/caleybrock/followers","following_url":"https://api.github.com/users/caleybrock/following{/other_user}","gists_url":"https://api.github.com/users/caleybrock/gists{/gist_id}","starred_url":"https://api.github.com/users/caleybrock/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/caleybrock/subscriptions","organizations_url":"https://api.github.com/users/caleybrock/orgs","repos_url":"https://api.github.com/users/caleybrock/repos","events_url":"https://api.github.com/users/caleybrock/events{/privacy}","received_events_url":"https://api.github.com/users/caleybrock/received_events","type":"User","site_admin":false},"milestone":{"url":"https://api.github.com/repos/waterbearlang/waterbear/milestones/7","labels_url":"https://api.github.com/repos/waterbearlang/waterbear/milestones/7/labels","id":923346,"number":7,"title":"Custom Elements","description":"Essentially a rewrite of Waterbear (keeping some things that work well, like the event system). This will make the whole thing more flexible and easier to maintain, explain, work on, introduce to new developers, and localize. There are two main parts: converting blocks to custom elements and converting the IDE UI to custom elements. Other bits work in holistically: namespaced events allow us to ditch the iframe, which radically simplifies how we run scripts. Block elements make it easier to create new types of blocks, like expression contexts. Drag and drop can be cleaned up and simplified. Block definitions become simple HTML in the page, so cloning them is trival (and no UUIDs are needed anywhere). All JavaScript is moved out of block definitions into (wait for it) JavaScript files, where it becomes testable. The build step becomes: there is no build step.\r\n\r\nIt's a glorious vision, and already in progress on branch #842-custom-elements.","creator":{"login":"dethe","id":16825,"avatar_url":"https://avatars.githubusercontent.com/u/16825?v=3","gravatar_id":"","url":"https://api.github.com/users/dethe","html_url":"https://github.com/dethe","followers_url":"https://api.github.com/users/dethe/followers","following_url":"https://api.github.com/users/dethe/following{/other_user}","gists_url":"https://api.github.com/users/dethe/gists{/gist_id}","starred_url":"https://api.github.com/users/dethe/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/dethe/subscriptions","organizations_url":"https://api.github.com/users/dethe/orgs","repos_url":"https://api.github.com/users/dethe/repos","events_url":"https://api.github.com/users/dethe/events{/privacy}","received_events_url":"https://api.github.com/users/dethe/received_events","type":"User","site_admin":false},"open_issues":46,"closed_issues":81,"state":"open","created_at":"2015-01-06T06:50:42Z","updated_at":"2015-02-13T21:54:29Z","due_on":"2015-01-15T08:00:00Z","closed_at":null},"comments":4,"created_at":"2015-02-07T03:53:48Z","updated_at":"2015-02-16T01:15:09Z","closed_at":null,"body":"@JarrettSpiker we can keep track of ideas here.\r\n\r\nGoal: Provide an easy way for users to get started creating a fun project or solving an interesting problem.\r\n\r\nIdeas:\r\n- Create a series of projects, with step by step tutorials with milestones\r\n- The results pane would have two tabs, \"results\" and \"tutorials\" (or getting started), so that the user can go back and forth between instruction and testing. This idea is slightly inspired by CodeAcademy. \r\n\r\nThis gives a decently scoped project. There is no testing or forcing the user to get a correct answer to go to the next step, but it does give a nice interface to store tutorials and makes Waterbear more accessible to people who don't have a mentor to help them get started. It also provides the ability to easily add on features. For example, make it more like code academy where the code is \"tested\" as they go to be able to unlock the next step. \r\n\r\nI attached my initial sketches of my ideas. \r\n\r\n![img_3319](https://cloud.githubusercontent.com/assets/4640747/6090692/c223cf7e-ae50-11e4-80cc-15ec4e8083be.JPG)\r\n![img_3320](https://cloud.githubusercontent.com/assets/4640747/6090693/c224ae44-ae50-11e4-8743-65443d26700e.JPG)\r\n"},"comment":{"url":"https://api.github.com/repos/waterbearlang/waterbear/issues/comments/74448354","html_url":"https://github.com/waterbearlang/waterbear/issues/966#issuecomment-74448354","issue_url":"https://api.github.com/repos/waterbearlang/waterbear/issues/966","id":74448354,"user":{"login":"eddieantonio","id":2294397,"avatar_url":"https://avatars.githubusercontent.com/u/2294397?v=3","gravatar_id":"","url":"https://api.github.com/users/eddieantonio","html_url":"https://github.com/eddieantonio","followers_url":"https://api.github.com/users/eddieantonio/followers","following_url":"https://api.github.com/users/eddieantonio/following{/other_user}","gists_url":"https://api.github.com/users/eddieantonio/gists{/gist_id}","starred_url":"https://api.github.com/users/eddieantonio/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/eddieantonio/subscriptions","organizations_url":"https://api.github.com/users/eddieantonio/orgs","repos_url":"https://api.github.com/users/eddieantonio/repos","events_url":"https://api.github.com/users/eddieantonio/events{/privacy}","received_events_url":"https://api.github.com/users/eddieantonio/received_events","type":"User","site_admin":false},"created_at":"2015-02-16T01:15:09Z","updated_at":"2015-02-16T01:15:09Z","body":"I'm liking it so far! I definitely agree that it should be a one screen sort of thing, and tabs are a possible solution to this. And I like the solution preview, so that gives the user the tangible goal, and when they achieve it it's like \"yeah, I'm awesome!\". Also if we gameify it, like \"complete all these tutorial levels\" -- that could also provide encouragement to move on and do more with Waterbear.\r\n\r\nWe'll have to flesh out the debugging functionality some more, however. I think it's a good idea to keep it grouped with the output tab, but as to how it'll exactly function... we'll see."}}