"Making the move" (working title): converting your JS+PJS projects to HTML+JS projects

[SpongeJr]

I'd like to try to get all of the best information together to try to help learners with the questions related to using ProcessingJS in the HTML environment, putting KA projects from the JS+PJS environment onto the web or running them locally, etc.

Currently, all the information is there, but I'd like to bring it all together and most importantly, update it, as the HTML+JS environment hasn't been around all that long.

Some resources:

https://khanacademy.zendesk.com/hc/en-us/articles/203326990-How-do-I-program-offline-outside-of-KA-

https://github.com/Team-Code/KA_Offline

https://github.com/jdsutton/ProcessingTemplate

https://www.khanacademy.org/computer-programming/processingjs-inside-webpages-template/5157014494511104

I plan on creating at least one, perhaps two narrated videos demonstrating the process, as well as some other content.

If anyone watching the group would like to contribute in any way, or even just provide input and feedback as I work on the project, feel free to let me know on this thread (or in whatever other way you know of).

Otherwise, I'll update the thread here with my progress, unless there are objections from anyone.

First step will probably be to create a new github repository for the whole project. Planning on doing that sometime in the next few days.

[Larry Serflaten]

 SpongeJr wrote:

 

Currently, all the information is there, but I'd like to bring it all together and most importantly, update it, as the HTML+JS environment hasn't been around all that long.

Some resources:

https://khanacademy.zendesk.com/hc/en-us/articles/203326990-How-do-I-program-offline-outside-of-KA-

https://github.com/Team-Code/KA_Offline

https://github.com/jdsutton/ProcessingTemplate

https://www.khanacademy.org/computer-programming/processingjs-inside-webpages-template/5157014494511104

I tried to offer some help as well:

https://groups.google.com/forum/?hl=en&fromgroups#!topic/khan-academy-javascript-technical-qa/cnjcZlSMRz0

LFS 

[SpongeJr]

I tried to offer some help as well:

https://groups.google.com/forum/?hl=en&fromgroups#!topic/khan-academy-javascript-technical-qa/cnjcZlSMRz0

LFS 

Oooh, yeah, I think I've seen that before and forgot about it! Yeah, that's really nice.

With just a little updating, that would be an excellent resource as well, certainly one of the most explanatory.

Now to figure out how to bring it all together, and in what format(s)...

[SpongeJr]

I've been thinking more on this, quite a bit. I think the Killer App here is going to be a project in the HTML environment where you can paste in your KA ProcessingJS code and it generates a nice project for you using whatever works best of the templates.

After getting that much working, a bonus feature could be that the code can then be retrieved using the KA API (even within the sandbox-- I have a new project that does it). Then you could just give a link to the program or supply the program ID.

In any case, it would put your code into whatever template we think works best and spits out a fresh new project that creates the canvas, handles the redefinitions of those event functions and things like angleMode, etc.

The end result would be a project that works in the KA HTML environment that you could copy and paste out of a textbox.

[Larry Serflaten]

SpongeJr wrote:

 

I've been thinking more on this, quite a bit. I think the Killer App here is going to be a project in the HTML environment where you can paste in your KA ProcessingJS code and it generates a nice project for you using whatever works best of the templates.

 ... 

The end result would be a project that works in the KA HTML environment that you could copy and paste out of a textbox.

I'm not quite sure of the intent here!   You want a 'killer app' that allows you to paste in code from a KA program, have it generate a (local?) project that you could copy and paste into the KA environment?   What's with the round trip?  I guess I'm not quite getting the idea....

LFS 

[SpongeJr]

Well, the idea is to get more learners using the HTML environment, and continuing their studies, for one. The "Making the Move" is the move to HTML+JS projects.

You could, of course, copy the generated file into a notepad document instead and put it on a webserver as a single HTML file, and some might find that useful, but that's not really the point.