Same Program - Two Implementations 💥
Published: 2020-07-16 23:31:36

Hello friends,

This article documents an experiment that I made to implement the same program on two different coding platforms for beginners:

- [codeguppy.com](https://codeguppy.com)
- [Khan Academy](https://www.khanacademy.org)

What eased the porting between the platform is the [Processing API](https://processing.org) used by both platforms. Khan Academy is using the ProcessingJS (a slightly older approach), while codeguppy.com is using the newer [p5.js](https://p5js.org) library.

These platforms are great for introducing kids and even adults to the wonderful world of computer programming!

And now, without further ado, let me present you the programs and the links to the corresponding playgrounds.

![codeguppy.com](https://dev-to-uploads.s3.amazonaws.com/i/z7jad8mmhgni70ek9r1o.PNG)

- CG version: https://codeguppy.com/code.html?primes_display

- KA version: https://www.khanacademy.org/computer-programming/print-primes/5722588838461440


--------------

![codeguppy.com](https://dev-to-uploads.s3.amazonaws.com/i/xre3up1w3oilwhzipllj.PNG)

- CG version: https://codeguppy.com/code.html?fngraph

- KA version: https://www.khanacademy.org/computer-programming/plot-a-function/5006661931073536

--------------

![codeguppy.com](https://dev-to-uploads.s3.amazonaws.com/i/lhsvpkhnm5vy1xqeuuwe.PNG)

- CG version: https://codeguppy.com/code.html?t=turtle_graphics

- KA version: https://www.khanacademy.org/computer-programming/turtle-graphics/5506609009229824

--------------

![codeguppy.com](https://dev-to-uploads.s3.amazonaws.com/i/xg51reqnpdxfnohr64df.PNG)

- CG version: https://codeguppy.com/code.html?t=breakout

- KA version: https://www.khanacademy.org/computer-programming/breakout/4735387585576960

--------------

![codeguppy.com](https://dev-to-uploads.s3.amazonaws.com/i/zkq4rbx3sq1sxat5ny0o.PNG)

- CG version: https://codeguppy.com/code.html?t=random_shapes

- KA version: https://www.khanacademy.org/computer-programming/random-shapes/4519652905025536

--------------

![codeguppy.com](https://dev-to-uploads.s3.amazonaws.com/i/hno1c4u0pkunsbtxcprp.PNG)

- CG version: https://codeguppy.com/code.html?t=lavalamp_color

- KA version: https://www.khanacademy.org/computer-programming/color-lava-lamp/5054285149208576

--------------

![codeguppy.com](https://dev-to-uploads.s3.amazonaws.com/i/g31247srlgydf4cnd7d8.PNG)

- CG version: https://codeguppy.com/code.html?t=lavalamp

- KA version: https://www.khanacademy.org/computer-programming/lava-lamp/5882700773294080

--------------

![codeguppy.com](https://dev-to-uploads.s3.amazonaws.com/i/6sophl70r3qbeg3cl8k4.PNG)

- CG version: https://codeguppy.com/code.html?t=planets

- KA version: https://www.khanacademy.org/computer-programming/planets/6175607292002304

--------------

![codeguppy.com](https://dev-to-uploads.s3.amazonaws.com/i/l4hfmvj2634ncgx1b64b.PNG)

- CG version: https://codeguppy.com/code.html?t=eyes_mouse

- KA version: https://www.khanacademy.org/computer-programming/eyes-mouse/6123864797577216

--------------

![codeguppy.com](https://dev-to-uploads.s3.amazonaws.com/i/0x7wbevsoljrs9omcjlj.PNG)

- CG version: https://codeguppy.com/code.html?t=magnetic_needles

- KA version: https://www.khanacademy.org/computer-programming/magnetic-field/4703347985186816

--------------

![codeguppy.com](https://dev-to-uploads.s3.amazonaws.com/i/4cbomxui7z1xcl2o0gds.PNG)

- CG version: https://codeguppy.com/code.html?t=visual_sort

- KA version: https://www.khanacademy.org/computer-programming/bubble-sort/5538484796882944

--------------

![codeguppy.com](https://dev-to-uploads.s3.amazonaws.com/i/a89c48vjas98zassvgcm.PNG)

- CG version: https://codeguppy.com/code.html?t=clock

- KA version: https://www.khanacademy.org/computer-programming/analog-clock/4855902287527936

--------------

![codeguppy.com](https://dev-to-uploads.s3.amazonaws.com/i/ovnygqu24uia89lkh2jw.PNG)

- CG version: https://codeguppy.com/code.html?t=blocky

- KA version: https://www.khanacademy.org/computer-programming/blocky/5334168773427200

--------------

![codeguppy.com](https://dev-to-uploads.s3.amazonaws.com/i/of2yncbx9vahfaw7ytuk.PNG)

- CG version: https://codeguppy.com/code.html?t=draw

- KA version: https://www.khanacademy.org/computer-programming/micro-draw/5839489644199936

--------------

![codeguppy.com](https://dev-to-uploads.s3.amazonaws.com/i/ezx1mh5ry20py3n94z8r.PNG)

- CG version: https://codeguppy.com/code.html?t=_coordinates

- KA version: https://www.khanacademy.org/computer-programming/house/4861543055982592

--------------

![codeguppy.com](https://dev-to-uploads.s3.amazonaws.com/i/vh6ko3b9h3j754t0drqw.PNG)

- CG version: https://codeguppy.com/code.html?t=_intro_to_coding

- KA version: https://www.khanacademy.org/computer-programming/circle-bear/4609373513547776

I hope you had fun exploring these programs.

Happy coding!