CodeGuppy: The JavaScript Platform for Kids

CodeGuppy: The Javascript Coding Platform for kids

This publish was written by Adrian Veteanu from CodeGuppy.

Do you keep in mind the primary
microcomputers that began the whole IT revolution? Maybe you would possibly keep in mind the Apple II, the ZX-Spectrum, the Commodore 64 or the BBC Micro.
Though very primitive by present requirements, these early computer systems had been
excellent platforms for studying to code. They offered all the things a person wanted to leap into
programming: a language (BASIC), a library of pleasant instructions and a code editor. 
An entire technology of at this time’s skilled builders
began their careers by studying to code as youngsters on these early computer systems. 
The entry path to coding is now not so simple as is was
again then. 

On the very base of CodeGuppy sits the p5.js library – a
library with deep roots in academia. The library supplies all the fundamental
graphical instructions that younger college students will use of their applications. Resulting from this
design side, practically 99% of p5.js sketches could be tailored to run on CodeGuppy.
The identical design side permits CodeGuppy college students to graduate
to extra complicated artistic programming as soon as they’re prepared. 
Since CodeGuppy was designed from the bottom up as an
academic setting, it builds on high of p5.js, a collection of recent instruments and
APIs that makes the entry to programming extra interesting to youthful college students.

Constructed-in coding setting

CodeGuppy supplies a contemporary coding setting designed
particularly for youths and teenagers. The coding setting supplies all of the instruments
essential to study coding in addition to develop personal applications. 
As a web-based setting there’s nothing to put in, since it’s web-based. Any Home windows, Mac or Chromebook
laptop is ideal for CodeGuppy. As a matter of truth, CodeGuppy additionally runs on tablets however we strongly recommendation to make use of a pc with a bodily keyboard.
On the finish of the day the sort of coding entails numerous typing. 
The principle parts of the coding setting are the coding
space, the place this system is entered, and the graphical output space the place the
outcomes are displayed. The system 
mechanically initializes the graphical
output utilizing a predefined 800×600 canvas that’s sufficiently big for a variety of
There are additionally numerous pallets that can be utilized to discover
together with property and instructions.

CodeGuppy: The Javascript Coding Platform for kids

Constructed-in property

To make programming enjoyable and interesting, CodeGuppy comes with
built-in property akin to good backgrounds, animated sprites in addition to music and
sound results. 
All of those property could be accessed and manipulated from code by
utilizing easy and intuitive instructions: Instance: background(“image_name”); to set
the background picture or music(“tune_name”); to play a sure tune as a
background music. 
Some newcomers discover a attainable entry path into coding through
drag-and-dropping the property into the code space and noticing the generated
code. For instance, the next program was created solely by drag and dropping

to sort it in to see what it does. Keep in mind that JavaScript is case delicate,
so sort rigorously.

Sort-In applications

With CodeGuppy, type-in applications are again! In style within the
70s and 80s, type-in applications had been small applications included in magazines or
different printed supplies that required customers to enter them from the keyboard. 
Though this technique of coming into applications just isn’t very time
environment friendly, it is vitally good in academic phrases. Customers that sort in applications
get snug a lot faster with the language and ultimately study to program
a lot sooner. 
In spite of everything, coding is all about typing applications utilizing the

How does CodeGuppy allow type-in applications? Quite simple: since
all property and libraries come included, younger coders must focus solely on the
coding half with out having to take care of complicated mission group or library
administration like in different environments.

In coding golf equipment and sophistication settings, educators can take
benefit of this characteristic and supply youngsters with printed supplies containing
code listening. College students will simply must type-in the applications and repair the
errors as they seem. 
The identical characteristic can be what makes CodeGuppy interesting to
e-book and journal article authors. Search for a magazine close to you for a CodeGuppy
program able to be typed-in!

Introduction to programming

A sure consideration has been put into CodeGuppy’s design
to facilitate a mild introduction to programming for newcomers. 
In CodeGuppy, even a easy
command akin to
circle(400, 300, 300); turns into
a legitimate program. There isn’t any must outline any setup() or draw()
operate as in common p5.js sketches. 
Features are superior ideas and having to take care of them
on the first steps into programming would make the entire instructing second extra
tough. After all, capabilities are supported however they are often launched later in
the curriculum after the fundamental ideas are understood. 
Did you discover the above-mentioned circle command? That is additionally one instance wherein CodeGuppy
platform caters to the eye of younger coders. The
circle command is simply an instance of a simplified API that
CodeGuppy provides on high of p5.js. 
As a matter of truth, circle
is among the very first instructions that’s launched by CodeGuppy within the coding
classes. You’d be amazed how a lot enjoyable younger youngsters have with the
circle command.  A whole bear could be drawn simply utilizing
circles. Give a attempt to the next program should you don’t imagine:

CodeGuppy: The Javascript Coding Platform for kids

Graphics and recreation constructing API

CodeGuppy is utilizing graphics and recreation programming to seize
the eye and light-weight the creativeness of younger coders. Since all youngsters can
relate to video video games, it’s pure for them to dream to construct one in every of their very own.
In addition to the common p5.js graphics APIs, CodeGuppy additional enriches this space
with extra new capabilities akin to:

  •        Help for manipulating sprites
  •        Help for creating multi-scene video games

Included tutorials and examples

The primary expertise the person has after they visits is the multitude of tutorials and code examples. Though at the moment in beta, CodeGuppy nonetheless comprises a
critical variety of applications that can be utilized as a place to begin in creating of
new applications.
The included examples span totally different classes from primary
video games and pixel artwork purposes to math and superior polar coordinates

CodeGuppy: The Javascript Coding Platform for kids

Browse / Adapt / Share

On CodeGuppy college students are inspired to remix present
applications and reshare modifications. All included applications in addition to applications
acquired from associates could be remixed with a single button click on. 
The sharing side is one other spotlight to the entire coding expertise. By receiving family and friends
suggestions, younger coders are feeling extra motivated to proceed coding and create
new applications. 
Superior customers may even embed or hyperlink their created
CodeGuppy applications of their blogs or social media channels.

CodeGuppy is offered freed from cost to educators, college students
and particular person learners from all around the world. The CodeGuppy setting can
be accessed at handle 
You’ll be able to comply with
@codeguppy on Twitter for information and
updates to the setting. Additionally we encourage you to ship your suggestions and
options to the CodeGuppy crew by e mail at
or direct message on Twitter.

CodeGuppy: The Javascript Coding Platform for kids


Leave a Comment