Codr

Logo

What if learners had guidance transitioning from block-based coding to professionally used text-based coding languages?

Try out the prototype!

DECIDING            Examine personal interests and goals to understand which coding language is the best fit to gain fluency in. REFLECTING          Receive a recommendation on which coding language to pursue first. LEARNING THROUGH EXAMPLES & TRANSLATING        Program examples and side by side translation of block language into corresponding text-based code. REFERENCES          Widget tool for finding and referencing specific terms and functions. EXECUTING                 See the code execute and run. LEARNING BY DOING Change the text-based code and experiment with the example.

Deciding

Examine personal interests and goals to understand which coding language is the best fit to gain fluency in.

Codr starts with a series of questions to guide examination of differences between various coding languages against one’s personal learning interests and objectives. Learners can quickly reflect on and figure out what coding language they should learn after Scratch based on their interest in games, visual storytelling or interactive art.


Reflecting

Receive a recommendation on which coding language to pursue first.

Based on the answers to the questions, Codr’s simple algorithm recommends a programming language (javascript, python, processing) they should learn next .


Translating

Learning through examples and side by side translation of visual language blocks into corresponding text-based code.

Codr builds on kids’ prior knowledge of Scratch (a popular visual programming environment). Codr starts with a simple Scratch example (program). Learners can then view the same example program in Javascript. They are able to click on each Scratch block and see how the equivalent code in Javascript could be written. Future development could include translations into additional languages like Python, etc.


Defining

Widget reference library tool for finding and referencing specific terms and functions.

Codr is also a desktop widget – it includes the reference guide (translations of Scratch block into code) – which learners can have open when coding text-based code. They are able to refer back to Scratch and build on their Scratch knowledge.


Executing

See the code execute and run.

Quickly understanding what is happening. Codr offers a secondary learning level: learners not only view the text-based code, but can also see an explanation of what is the code is doing and watch the program execute (e.g. run the game).


LEARNING BY DOING & EXPERIMENTING

Change the text-based code and experiment with the example.

Through experimenting learners can quickly understand the syntax of text-based code. Codr gives learners the option to modify the text-based code and experiment with the example program.