# Draw with code - Type-in JavaScript programs for young learners

**URL:** <https://discourse.processing.org/t/draw-with-code-type-in-javascript-programs-for-young-learners/18484>\
**Category:** Teaching\
**Created:** [March 7, 2020, 3:00pm UTC](https://discourse.processing.org/t/draw-with-code-type-in-javascript-programs-for-young-learners/18484 "2020-03-07T15:00:39Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![codeguppy](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/codeguppy/32/8322_2.png) [@codeguppy](https://discourse.processing.org/u/codeguppy)\
**Post date:** [March 7, 2020, 3:00pm UTC](https://discourse.processing.org/t/draw-with-code-type-in-javascript-programs-for-young-learners/18484/1 "2020-03-07T15:00:39Z")

</div>

Hi Processing community,

Processing API is such a great educational tool for helping beginners and young people learn to code.

Sometimes I compare the processing API with the programming platforms the computers from the 80’s used to offer. Back in those days they were plenty of books and magazines with type-in programs. People used to learn coding by typing in code listings.

I believe the type-in programs can make a come back - due to processing API.

Please see the following example of type-in program based around processing API and [codeguppy.com](http://codeguppy.com) environment (a p5.js based environment).

Of course the examples can be adapted to pure p5.js sketches:

Example 1:

 ![Slide1](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/f/f82301496e95773e35c1cbdf9e98390bf715aa10.png)

Example 2:

 ![Slide2](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/c/c408acc6d49177d3034772bd839ef165665ae5c6.png)

I have many other examples that will make it in a type-in code book.  
Waiting your opinions!

P.S. If you need more info about the book please let me know.