Shapi-Lumda

A Hebrew and English course that teaches web coding by doing

Visit the live site Talk to us about something similar

shapi-lumda.web.appLive and in use

The problem

Learning to code is easier when you try things and get an answer right away. We built a course where students write real HTML, CSS, JavaScript and React, press one button, and are told what is right and what is still missing, in Hebrew or in English.

What we built

We built it so that your code is checked on your own computer or phone, not on a server. The student's progress is saved on that same device. An account is only needed to open the full course and, if the student chooses, to keep their progress across devices.

Lessons and exercises: 306
Topics: HTML, CSS, JavaScript, React
Languages: Hebrew and English
Student code checked on our servers: None

The story behind it

The story: checking the work where the student already is

Most online coding courses send what you type to a computer far away, wait for it to be checked, and send the answer back. We took another route: the browser a student already has can run and check small programs by itself. So Shapi-Lumda checks the answer on the student's own device. Pressing the button gives an answer straight away, and the student's attempts are not sent anywhere to be graded.

The course itself is large: HTML, CSS, JavaScript and React, in Hebrew and English. We wrote the checks one lesson at a time, then built an automated script that walks through the lessons to check that they can be completed.

Behind the scenes

All behind-the-scenes stories

From video calls to a course you can do on your ownWe started teaching our first student on video calls. The format did not fit, so we built something you read, try, check and move on from, at your own pace.

Checking the answer on the student's own deviceWhen you press the button, your browser checks your code in its own isolated space. We saw it could be done, built our own test engine, and rebuilt it when we found it marked right answers wrong.

Writing 306 lessons for Hebrew and English readersThe first JavaScript lessons were too close to the course that gave us the idea, so we threw them away and wrote our own, in Hebrew and English, with examples from everyday life.

A text box that feels like a real code editorA student types code into a plain box. We made it a small code editor, so that Visual Studio Code or any other editor is not new when they get there.

Try the real thing

Shapi-Lumda

One of the free lessons from the live course. Write the answer, press the check button, and you get the same feedback a student gets. Your code is checked on your own device.

This opens the real site inside this page. It may take a moment and uses some data.

Open it in its own tab

Got something to build? Let's talk.

No sales pitch. Tell us what your business needs and we'll tell you straight how we'd tackle it, or whether you need it at all.

Start the conversation