Hatch Coding Levels Help to Learn JavaScript

Studio JS software has learning levels and coding levels

Indian group of teenagers-1

Studio JS projects are scaffolded to develop requirements-based programming skills. 

Each project helps students progress through 26 learning levels. Each project also offers three coding levels:

  • English & English-by-Component
  • Pseudocode
  • Type-What-You-See

In Studio JS, students read and complete projects that are presented as requirements (word problems). Early projects have answers that are typically short: one to three components; a component is similar to the idea of a paragraph in language arts. We aim to have excellence in production one component at a time in the same way that young students focus on writing sentences and paragraphs before writing full essays.

Students who are new to computer programming begin by breaking down a Studio JS project to the Type-What-You-See coding level, but as they complete independent thought work (called Challenges), they move up learning levels and also begin to do work at more demanding coding levels (Pseudocode; English & English-by-Component).

In essence, each of the 26 learning levels represents incrementally more difficult work and moves students toward more demanding coding levels where they do more independent work.


English & English-by-Component

This is the hardest level of coding and writing in it shows a deep understanding of computer programming. In order to be successful at this coding level, students must go through an inquiry process and use numerous programming skills and competencies.


As the 2nd hardest level of coding it requires synthesis, understanding of computational logic and computational thinking, but is mostly bereft of syntax & vocabulary; an excellent tool for planning and collaboration (used in industry). It is written as blocks: similar to a paragraph and the development of arguments in paragraphs.


Type-What-You-See is the easiest level at which students work. It's similar to the tracing activities done when learning letters, numbers; like copying notes. It provides opportunities to observe and draw conclusions and students do independent thought work when they complete Challenges.

Communication skills and inquiry thinking are directly fostered with Hatch Studio when students read requirements.

Each project is accompanied by a Help button that provides insight into what a requirement means.

  • Help buttons provide guidance at every level of the learning process: English & English-by-Component (a paragraph of code), Pseudocode, and Type-What-You-See.

  • With this approach, literacy skills are developed in English and in computer programming at the same time.

Boys in a group-2
Camps & Classes

Give the gift of programmatic literacy: to your child, your teen, or yourself.

Schools & Districts

We've trained over 900 novice computer programming educators.

Critical thinking, problem-solving, creativity, and collaboration are also fostered when students work with Studio JS and Studio P.

Developing the core competencies and skills of computer programming is a dynamic way of developing key 21st Century abilities.