Porting programs between Khan Academy and codeguppy.com

Hello friends,

Did you know that many of the coding platforms for kids and teens are based on Processing API?

This is a good thing since once you learn coding on one platform, you'll be able to switch easily to other ones.

In this article we are documenting an experiment in which we implemented the same program on two coding platforms. Both are well known platforms for introducing kids and teens to the wonderful world of computer programming:

• Khan Academy
• codeguppy.com

Behind the scenes, both codeguppy.com and Khan Academy coding platforms are using the Processing API as part of the execution engine. Khan Academy is using the ProcessingJS - a slightly older approach, while codeguppy.com is using the newer p5.js library. Due to this fact it is relatively easy to port programs between the platforms.

And now, without further ado, let's present you a series of programs and the corresponding implementation on each platform. If you used Khan Academy before, you’ll be amazed to see how similar the implementation for codeguppy.com is.

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

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

---

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

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

---

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

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

---

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

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

---

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

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

---

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

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

---

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

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

---

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

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

---

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

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

---

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

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

---

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

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

---

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

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

---

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

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

---

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

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

---

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

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

---

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

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

Conclusion

We hope you had fun exploring these programs. If you need help transitioning from one platform to the other, please don't hesitate to contact us.

Happy coding!

Read more blog articles Browse JavaScript projects

About codeguppy

CodeGuppy is a FREE coding platform for schools and independent learners. If you don't have yet an account with codeguppy.com, you can start by visiting the registration page and sign-up for a free account. Registered users can access tons of fun projects!

---

Follow @codeguppy on Twitter for coding tips and news about codeguppy platform. For more information, please feel free to contact us.